
<div class="profile">
    <header class="profile__heading">
        <div class="container">
            <div class="row" style="position: relative;">
                <div class="col-md-2">
                    <div class="profile__heading--avatar-warp">
                        <a href="/u/xuebingsiabin">
                            <img class=" profile__heading--avatar" src="https://sf-static.b0.upaiyun.com/v-57bfebd9/global/img/user-256.png"
                            alt="学并思阿斌">
                        </a>
                        <input type="file" id="avatarFile" name="avatar" class="file hide">
                        <div class="profile__avatar-uploader">
                            <span>
                                上传头像
                            </span>
                        </div>
                    </div>
                    <div class="profile__heading--social">
                        <ul class="sn-inline profile__heading--social-item">
                            <li>
                                <a style="background-image: none;" class="icon-sn-" target="_blank">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-5">
                    <h2 class="profile__heading--name">
                        学并思阿斌
                        <small class="ml15">
                            <a href="/u/xuebingsiabin/about">
                                查看完整档案
                            </a>
                        </small>
                    </h2>
                    <div class="profile__heading--award">
                        <a class="profile__rank-btn" href="/u/xuebingsiabin/rank">
                            <span class="h4">
                                0
                            </span>
                            <span class="profile__rank-btn-text">
                                声望
                            </span>
                        </a>
                        <div class="profile__heading--award-badge">
                            <span class="badge badge--o badge--sf badge--gold">
                                <i class="badge__icon">
                                </i>
                            </span>
                            <span class="profile__heading--award-badge-count">
                                0
                            </span>
                            <span class="badge badge--o badge--sf badge--silver">
                                <i class="badge__icon">
                                </i>
                            </span>
                            <span class="profile__heading--award-badge-count">
                                0
                            </span>
                            <span class="badge badge--o badge--sf badge--bronze">
                                <i class="badge__icon">
                                </i>
                            </span>
                            <span class="profile__heading--award-badge-count">
                                0
                            </span>
                        </div>
                    </div>
                    <div class="profile__heading--other">
                        <script type="text/template" class="tpl__city--form">
                            < form class = "form form--profile form-inline form__city"data - action = "/api/user/homepage/city/edit" > <div class = "form-group" > <input placeholder = "现居城市       "name = "city"data - city = "<%- city %>"class = "input-sm tagsInput form-control mr10" > <button type = "button"class = "btn btn-sm btn-primary js-submit" > 保存 < /button></div > </form>/
                        </script>
                        <script type="text/template" class="tpl__city--content">
                            < %-city.name % ><span class = "profile__heading-edit btn btn-xs"data - type = "city" > <i class = "fa fa-pencil"aria - hidden = "true" > </i>编辑</span > 
                        </script>
                        <span class="profile__heading--other-item ">
                            <i class="fa fa-map-marker">
                            </i>
                            <span class="profile__city">
                                <span class="profile__heading-edit   btn btn-xs profile__heading-edit--init"
                                data-type="city">
                                    <i class="fa fa-pencil hide" aria-hidden="true">
                                    </i>
                                    填写现居城市
                                </span>
                            </span>
                        </span>
                        <script type="text/template" class="tpl__school--form">
                            < form class = "form form--profile form-inline form__school"data - action = "/api/user/homepage/school/edit" > <div class = "form-group" > <input placeholder = "院校名称       "name = "name"class = "input-sm tagsInput form-control mr10"data - school = "<%- school[0]%>" > <input placeholder = "所学专业"name = "department"class = "input-sm tagsInput form-control mr10"value = "<%- school[1]%>" > <button type = "button"class = "btn btn-sm btn-primary js-submit" > 保存 < /button></div > </form>/
                        </script>
                        <script type="text/template" class="tpl__school--content">
                            < %=school[0] % ><span class = "profile__heading--other-item-fgx" > &nbsp; & nbsp; | &nbsp; & nbsp; < /span><%= school[1] %><span class="profile__heading-edit btn btn-xs" data-type="school"><i class="fa fa-pencil"
                                                                                          aria-hidden="true"></i > 编辑 < /span>/
                        </script>
                        <span class="profile__heading--other-item ">
                            <i class="fa fa-graduation-cap" aria-hidden="true">
                            </i>
                            <span class="profile__school">
                                <span class="profile__heading--other-item-fgx hide">
                                    &nbsp;&nbsp;|&nbsp;&nbsp;
                                </span>
                                <span class="profile__heading-edit   btn btn-xs profile__heading-edit--init"
                                data-type="school">
                                    <i class="fa fa-pencil hide" aria-hidden="true">
                                    </i>
                                    填写毕业院校
                                </span>
                            </span>
                        </span>
                        <script type="text/template" class="tpl__company--form">
                            < form class = "form form--profile form-inline form__company"data - action = "/api/user/homepage/company/edit" > <div class = "form-group" > <input placeholder = "公司/组织名称"name = "name"class = "tagsInput form-control mr10 input-sm"value = "<%- company[0]%>" > <input placeholder = "职位头衔"name = "role"class = "tagsInput form-control mr10 input-sm"value = "<%- company[1]%>" > <button type = "button"class = "btn btn-primary btn-sm js-submit" > 保存 < /button></div > </form>/
                        </script>
                        <script type="text/template" class="tpl__company--content">
                            < %=company[0] % ><span class = "profile__heading--other-item-fgx" > &nbsp; & nbsp; | &nbsp; & nbsp; < /span><%= company[1] %><span class="profile__heading-edit btn btn-xs" data-type="company"><i class="fa fa-pencil"
                                                                                           aria-hidden="true"></i > 编辑 < /span>/
                        </script>
                        <span class="profile__heading--other-item ">
                            <i class="fa fa-briefcase" aria-hidden="true">
                            </i>
                            <span class="profile__company">
                                dfsdfsdf
                                <span class="profile__heading--other-item-fgx ">
                                    &nbsp;&nbsp;|&nbsp;&nbsp;
                                </span>
                                sdfsdfsdf
                                <span class="profile__heading-edit   btn btn-xs " data-type="company">
                                    <i class="fa fa-pencil " aria-hidden="true">
                                    </i>
                                    编辑
                                </span>
                            </span>
                        </span>
                        <script type="text/template" class="tpl__site--form">
                            < form class = "form form--profile form-inline form__site"data - action = "/api/user/homepage/site/edit" > <div class = "form-group" > <input placeholder = "个人网站"name = "site"onkeypress = "stopSubmit(event)"class = "tagsInput form-control mr10 input-sm"value = "<%- site %>" > <button type = "button"class = "btn btn-sm btn-primary js-submit" > 保存 < /button></div > </form>/
                        </script>
                        <script>
                            stopSubmit = function(e) {
                                if (e.keyCode == 13) {
                                    e.preventDefault();
                                }

                            }
                        </script>
                        <script type="text/template" class="tpl__site--content">
                            < a class = "profile__heading--other-item-link"target = "_blank"href = "http://<%- site %>"target = "_blank" > <%-site % ></a><span class="profile__heading-edit btn btn-xs" data-type="site"><i class="fa fa-pencil"
                                                                                        aria-hidden="true"></i > 编辑 < /span>/
                        </script>
                        <span class="profile__heading--other-item ">
                            <i class="fa fa-link">
                            </i>
                            <span class="profile__site">
                                <a class="profile__heading--other-item-link" target="_blank" href="http://">
                                </a>
                                <span class="profile__heading-edit  btn btn-xs profile__heading-edit--init"
                                data-type="site">
                                    <i class="fa fa-pencil hide" aria-hidden="true">
                                    </i>
                                    填写个人主网站
                                </span>
                            </span>
                        </span>
                    </div>
                </div>
                <div class="col-md-5">
                </div>
                <div class="profile__heading--desc">
                    <div class="profile__heading--desc-heading">
                        <span class="profile__heading--desc-heading-dot-warp">
                            <span class="profile__heading-dot profile__heading-dot--red">
                            </span>
                            <span class="profile__heading-dot profile__heading-dot--yellow">
                            </span>
                            <span class="profile__heading-dot profile__heading-dot--green">
                            </span>
                        </span>
                        <div class="pull-right">
                            <span data-type="desc" class="profile__heading-edit   btn btn-xs profile__heading--desc-heading-edit">
                                <i class="fa fa-pencil" aria-hidden="true">
                                </i>
                                编辑
                            </span>
                        </div>
                    </div>
                    <div class="profile__heading--desc-body">
                        <script type="text/template" class="tpl__desc--form">
                            < form class = "form form--profile form__desc"data - action = "/api/user/homepage/description/edit" > <div class = "form-group" > <textarea class = "form-control"name = "description"rows = "4" > <%=description % ></textarea></div > <div class = "text-right" > <button type = "button"class = "btn btn-default js-cancel mr10" > 取消 < /button><button type="button" class="btn btn-primary js-submit">保存</button > </div></form > 
                        </script>
                        <script type="text/template" class="tpl__desc--content">
                            < %
                            if (parsedText) { % ><%=parsedText % ><%
                            } else { % ><div style = "white-space: pre" > _ | |__ _ _ __ _ | '_ \| | | |/ _` |
| |_) | |_| | (_| |
|_.__/ \__,_|\__, |
             |___/ 暂时没有个人简介，
                                        <a data-type="desc" href="javascript:;"
                                           class="profile__heading-edit">立即添加</a></div><% } %>'
                        </script>
                        <div class="profile__desc">
                            <div style="white-space: pre">
                                _ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__,
                                | |___/ 暂时没有个人简介，
                                <a data-type="desc" href="javascript:;" class="profile__heading-edit--desc">
                                    立即添加
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="wrap mt30">
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <div class="mb15 hide">
                    </div>
                    <div class="profile__heading-info row">
                        <div class="col-md-6 col-xs-12" style="border-right: 1px solid #eee;">
                            <a href="/u/xuebingsiabin/users/following">
                                <span>
                                    关注了
                                </span>
                                <span class="h5">
                                    0 人
                                </span>
                            </a>
                        </div>
                        <div class="col-md-6 col-xs-12">
                            <a href="/u/xuebingsiabin/users/followed">
                                <span>
                                    粉丝
                                </span>
                                <span class="h5">
                                    0 人
                                </span>
                            </a>
                        </div>
                    </div>
                    <ul class="nav nav-pills nav-stacked profile__nav">
                        <li role="separator" class="divider">
                            <a>
                            </a>
                        </li>
                        <li>
                            <a href="/u/xuebingsiabin/answers">
                                <span>
                                    我的回答
                                </span>
                                <span class="count">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/u/xuebingsiabin/questions">
                                <span>
                                    我的提问
                                </span>
                                <span class="count">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/u/xuebingsiabin/articles">
                                <span>
                                    我的文章
                                </span>
                                <span class="count">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/u/xuebingsiabin/notes">
                                <span>
                                    我的笔记
                                </span>
                                <span class="count">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/u/xuebingsiabin/bookmarks">
                                <span>
                                    我的收藏夹
                                </span>
                                <span class="count">
                                </span>
                            </a>
                        </li>
                        <li role="separator" class="divider">
                            <a>
                            </a>
                        </li>
                        <li>
                            <a href="/u/xuebingsiabin/questions/following">
                                <span>
                                    我关注的
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/u/xuebingsiabin/tags">
                                <span>
                                    标签得分
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/u/xuebingsiabin/badges">
                                <span>
                                    获得徽章
                                </span>
                                <span class="count">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/u/xuebingsiabin/rank">
                                <span>
                                    声望记录
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
                <script>
                    var profileHeading = {
                        description: null,
                        parsedText: "",
                        site: null,
                        city: {
                            id: null,
                            name: null
                        },
                        company: ["dfsdfsdf", "sdfsdfsdf"],
                        school: [],
                    };
                </script>
                <div class="col-md-7">
                    <div class="profile__init">
                        <form class="profile__init-item" data-api="/api/user/homepage/city/edit">
                            <h4 class="profile__init-title">
                                你现在居住在哪个城市？
                                <i class="fa  fa-close profile__init-close">
                                </i>
                            </h4>
                            <div class="profile__init-form">
                                <div class="form-group">
                                    <input name="city" class="form-control hidden" placeholder="当前居住城市" autocomplete="off">
                                    <div class="sf-typeHelper sf-typeHelper--single">
                                        <input type="text" data-role="sf_typeHelper-input" class="sf-typeHelper-input"
                                        placeholder="当前居住城市" style="width: 6em;">
                                        <ul class="sf-typeHelper-list dropdown-menu">
                                        </ul>
                                    </div>
                                </div>
                                <div class="text-right">
                                    <button type="button" class="btn btn-default mr10 profile__init-skip">
                                        跳过
                                    </button>
                                    <button type="button" class="btn btn-primary">
                                        保存
                                    </button>
                                </div>
                            </div>
                        </form>
                        <form class="profile__init-item hide" data-api="/api/user/homepage/site/edit">
                            <h4 class="profile__init-title">
                                你有个人网站吗？
                                <i class="fa  fa-close profile__init-close">
                                </i>
                            </h4>
                            <div class="profile__init-form">
                                <div class="form-group">
                                    <input name="site" class="form-control" placeholder="example.com" autocomplete="off">
                                </div>
                                <div class="text-right">
                                    <button type="button" class="btn btn-default mr10 profile__init-skip">
                                        跳过
                                    </button>
                                    <button type="button" class="btn btn-primary">
                                        保存
                                    </button>
                                </div>
                            </div>
                        </form>
                        <form class="profile__init-item form hide" data-api="/api/user/homepage/name/edit">
                            <h4 class="profile__init-title">
                                我应该怎么称呼你呢？
                                <i class="fa  fa-close profile__init-close">
                                </i>
                            </h4>
                            <div class="profile__init-form">
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <input name="name" class="form-control" placeholder="真实姓名（我会帮你保密的）" autocomplete="off">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label class="radio-inline">
                                            <input type="radio" name="gender" value="0">
                                            先生
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="gender" value="1">
                                            女士
                                        </label>
                                    </div>
                                </div>
                                <div class="text-right">
                                    <button type="button" class="btn btn-default mr10 profile__init-skip">
                                        跳过
                                    </button>
                                    <button type="button" class="btn btn-primary">
                                        保存
                                    </button>
                                </div>
                            </div>
                        </form>
                        <form class="profile__init-item hide" data-api="/api/user/homepage/birthday/edit">
                            <h4 class="profile__init-title">
                                你的生日是什么时候？
                                <i class="fa  fa-close profile__init-close">
                                </i>
                            </h4>
                            <div class="profile__init-form">
                                <div class="form-group">
                                    <input name="birthday" class="form-control" placeholder="1970-10-10" autocomplete="off">
                                </div>
                                <div class="text-right">
                                    <button type="button" class="btn btn-default mr10 profile__init-skip">
                                        跳过
                                    </button>
                                    <button type="button" class="btn btn-primary">
                                        保存
                                    </button>
                                </div>
                            </div>
                        </form>
                        <form class="profile__init-item hide" data-api="/api/user/homepage/tag/edit">
                            <h4 class="profile__init-title">
                                你擅长什么技能、惯用什么编辑器？
                                <i class="fa  fa-close profile__init-close">
                                </i>
                            </h4>
                            <div class="profile__init-form">
                                <div class="form-group">
                                    <input class="tagsInput form-control" data-init="" name="tags" placeholder="多个用逗号分隔（最多 10 个）">
                                    <div role="tabpanel" class="techTags panel panel-default techTags-panel"
                                    data-tech="{&quot;\u5f00\u53d1\u8bed\u8a00&quot;:[{&quot;id&quot;:&quot;1040000000089436&quot;,&quot;name&quot;:&quot;javascript&quot;},{&quot;id&quot;:&quot;1040000000089387&quot;,&quot;name&quot;:&quot;php&quot;},{&quot;id&quot;:&quot;1040000000089434&quot;,&quot;name&quot;:&quot;css&quot;},{&quot;id&quot;:&quot;1040000000089571&quot;,&quot;name&quot;:&quot;html&quot;},{&quot;id&quot;:&quot;1040000000089449&quot;,&quot;name&quot;:&quot;java&quot;},{&quot;id&quot;:&quot;1040000000089534&quot;,&quot;name&quot;:&quot;python&quot;},{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;},{&quot;id&quot;:&quot;1040000000089918&quot;,&quot;name&quot;:&quot;node.js&quot;},{&quot;id&quot;:&quot;1040000000089741&quot;,&quot;name&quot;:&quot;c++&quot;},{&quot;id&quot;:&quot;1040000000089457&quot;,&quot;name&quot;:&quot;c&quot;},{&quot;id&quot;:&quot;1040000000090209&quot;,&quot;name&quot;:&quot;objective-c&quot;},{&quot;id&quot;:&quot;1040000000089669&quot;,&quot;name&quot;:&quot;shell&quot;},{&quot;id&quot;:&quot;1040000000531223&quot;,&quot;name&quot;:&quot;swift&quot;},{&quot;id&quot;:&quot;1040000000090203&quot;,&quot;name&quot;:&quot;golang&quot;},{&quot;id&quot;:&quot;1040000000089699&quot;,&quot;name&quot;:&quot;ruby&quot;},{&quot;id&quot;:&quot;1040000000089581&quot;,&quot;name&quot;:&quot;c#&quot;},{&quot;id&quot;:&quot;1040000000089686&quot;,&quot;name&quot;:&quot;bash&quot;},{&quot;id&quot;:&quot;1040000000090433&quot;,&quot;name&quot;:&quot;asp.net&quot;},{&quot;id&quot;:&quot;1040000000091262&quot;,&quot;name&quot;:&quot;sass&quot;},{&quot;id&quot;:&quot;1040000000090228&quot;,&quot;name&quot;:&quot;scala&quot;},{&quot;id&quot;:&quot;1040000000090208&quot;,&quot;name&quot;:&quot;lua&quot;},{&quot;id&quot;:&quot;1040000000161068&quot;,&quot;name&quot;:&quot;coffeescript&quot;},{&quot;id&quot;:&quot;1040000000090600&quot;,&quot;name&quot;:&quot;less&quot;},{&quot;id&quot;:&quot;1040000000365394&quot;,&quot;name&quot;:&quot;typescript&quot;},{&quot;id&quot;:&quot;1040000000090194&quot;,&quot;name&quot;:&quot;actionscript&quot;},{&quot;id&quot;:&quot;1040000000089698&quot;,&quot;name&quot;:&quot;perl&quot;},{&quot;id&quot;:&quot;1040000000090201&quot;,&quot;name&quot;:&quot;erlang&quot;},{&quot;id&quot;:&quot;1040000000311191&quot;,&quot;name&quot;:&quot;rust&quot;}],&quot;\u5e73\u53f0\u6846\u67b6&quot;:[{&quot;id&quot;:&quot;1040000000196640&quot;,&quot;name&quot;:&quot;laravel&quot;},{&quot;id&quot;:&quot;1040000000125263&quot;,&quot;name&quot;:&quot;flask&quot;},{&quot;id&quot;:&quot;1040000000089564&quot;,&quot;name&quot;:&quot;django&quot;},{&quot;id&quot;:&quot;1040000000090103&quot;,&quot;name&quot;:&quot;spring&quot;},{&quot;id&quot;:&quot;1040000000166256&quot;,&quot;name&quot;:&quot;express&quot;},{&quot;id&quot;:&quot;1040000000089646&quot;,&quot;name&quot;:&quot;ruby-on-rails&quot;},{&quot;id&quot;:&quot;1040000000116331&quot;,&quot;name&quot;:&quot;tornado&quot;},{&quot;id&quot;:&quot;1040000000090398&quot;,&quot;name&quot;:&quot;yii&quot;},{&quot;id&quot;:&quot;1040000000622042&quot;,&quot;name&quot;:&quot;koa&quot;},{&quot;id&quot;:&quot;1040000000089638&quot;,&quot;name&quot;:&quot;struts&quot;}],&quot;\u670d\u52a1\u5668&quot;:[{&quot;id&quot;:&quot;1040000000089392&quot;,&quot;name&quot;:&quot;linux&quot;},{&quot;id&quot;:&quot;1040000000090145&quot;,&quot;name&quot;:&quot;nginx&quot;},{&quot;id&quot;:&quot;1040000000089761&quot;,&quot;name&quot;:&quot;apache&quot;},{&quot;id&quot;:&quot;1040000000090245&quot;,&quot;name&quot;:&quot;ubuntu&quot;},{&quot;id&quot;:&quot;1040000000366352&quot;,&quot;name&quot;:&quot;docker&quot;},{&quot;id&quot;:&quot;1040000000090249&quot;,&quot;name&quot;:&quot;centos&quot;},{&quot;id&quot;:&quot;1040000000090401&quot;,&quot;name&quot;:&quot;\u7f13\u5b58&quot;},{&quot;id&quot;:&quot;1040000000090117&quot;,&quot;name&quot;:&quot;tomcat&quot;},{&quot;id&quot;:&quot;1040000000090107&quot;,&quot;name&quot;:&quot;\u8d1f\u8f7d\u5747\u8861&quot;},{&quot;id&quot;:&quot;1040000000090646&quot;,&quot;name&quot;:&quot;unix&quot;},{&quot;id&quot;:&quot;1040000000089648&quot;,&quot;name&quot;:&quot;hadoop&quot;},{&quot;id&quot;:&quot;1040000000090609&quot;,&quot;name&quot;:&quot;windows-server&quot;}],&quot;\u6570\u636e\u5e93\u548c\u7f13\u5b58&quot;:[{&quot;id&quot;:&quot;1040000000089439&quot;,&quot;name&quot;:&quot;mysql&quot;},{&quot;id&quot;:&quot;1040000000089431&quot;,&quot;name&quot;:&quot;redis&quot;},{&quot;id&quot;:&quot;1040000000090049&quot;,&quot;name&quot;:&quot;sql&quot;},{&quot;id&quot;:&quot;1040000000089488&quot;,&quot;name&quot;:&quot;mongodb&quot;},{&quot;id&quot;:&quot;1040000000089432&quot;,&quot;name&quot;:&quot;nosql&quot;},{&quot;id&quot;:&quot;1040000000089873&quot;,&quot;name&quot;:&quot;memcached&quot;},{&quot;id&quot;:&quot;1040000000090701&quot;,&quot;name&quot;:&quot;oracle&quot;},{&quot;id&quot;:&quot;1040000000090354&quot;,&quot;name&quot;:&quot;sqlite&quot;},{&quot;id&quot;:&quot;1040000000090424&quot;,&quot;name&quot;:&quot;sqlserver&quot;},{&quot;id&quot;:&quot;1040000000090861&quot;,&quot;name&quot;:&quot;postgresql&quot;}],&quot;\u5f00\u53d1\u5de5\u5177&quot;:[{&quot;id&quot;:&quot;1040000000089459&quot;,&quot;name&quot;:&quot;git&quot;},{&quot;id&quot;:&quot;1040000000091226&quot;,&quot;name&quot;:&quot;github&quot;},{&quot;id&quot;:&quot;1040000000089467&quot;,&quot;name&quot;:&quot;vim&quot;},{&quot;id&quot;:&quot;1040000000089579&quot;,&quot;name&quot;:&quot;xcode&quot;},{&quot;id&quot;:&quot;1040000000126097&quot;,&quot;name&quot;:&quot;sublime-text&quot;},{&quot;id&quot;:&quot;1040000000089509&quot;,&quot;name&quot;:&quot;eclipse&quot;},{&quot;id&quot;:&quot;1040000000089447&quot;,&quot;name&quot;:&quot;svn&quot;},{&quot;id&quot;:&quot;1040000000090560&quot;,&quot;name&quot;:&quot;intellij-idea&quot;},{&quot;id&quot;:&quot;1040000000090473&quot;,&quot;name&quot;:&quot;ide&quot;},{&quot;id&quot;:&quot;1040000000090186&quot;,&quot;name&quot;:&quot;maven&quot;},{&quot;id&quot;:&quot;1040000000090524&quot;,&quot;name&quot;:&quot;atom&quot;},{&quot;id&quot;:&quot;1040000000090231&quot;,&quot;name&quot;:&quot;visual-studio&quot;},{&quot;id&quot;:&quot;1040000000090216&quot;,&quot;name&quot;:&quot;emacs&quot;},{&quot;id&quot;:&quot;1040000002720957&quot;,&quot;name&quot;:&quot;visual-studio-code&quot;},{&quot;id&quot;:&quot;1040000000183694&quot;,&quot;name&quot;:&quot;hg&quot;},{&quot;id&quot;:&quot;1040000000089663&quot;,&quot;name&quot;:&quot;textmate&quot;}],&quot;\u7cfb\u7edf\u8bbe\u5907&quot;:[{&quot;id&quot;:&quot;1040000000089442&quot;,&quot;name&quot;:&quot;ios&quot;},{&quot;id&quot;:&quot;1040000000089658&quot;,&quot;name&quot;:&quot;android&quot;},{&quot;id&quot;:&quot;1040000000089407&quot;,&quot;name&quot;:&quot;chrome&quot;},{&quot;id&quot;:&quot;1040000000089709&quot;,&quot;name&quot;:&quot;windows&quot;},{&quot;id&quot;:&quot;1040000000089498&quot;,&quot;name&quot;:&quot;iphone&quot;},{&quot;id&quot;:&quot;1040000000125504&quot;,&quot;name&quot;:&quot;internet-explorer&quot;},{&quot;id&quot;:&quot;1040000000090217&quot;,&quot;name&quot;:&quot;firefox&quot;},{&quot;id&quot;:&quot;1040000000090638&quot;,&quot;name&quot;:&quot;ipad&quot;},{&quot;id&quot;:&quot;1040000000089499&quot;,&quot;name&quot;:&quot;safari&quot;},{&quot;id&quot;:&quot;1040000000090218&quot;,&quot;name&quot;:&quot;opera&quot;},{&quot;id&quot;:&quot;1040000002871462&quot;,&quot;name&quot;:&quot;apple-watch&quot;}],&quot;\u5176\u5b83&quot;:[{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;},{&quot;id&quot;:&quot;1040000002893277&quot;,&quot;name&quot;:&quot;react.js&quot;},{&quot;id&quot;:&quot;1040000000090137&quot;,&quot;name&quot;:&quot;\u641c\u7d22\u5f15\u64ce&quot;},{&quot;id&quot;:&quot;1040000000123810&quot;,&quot;name&quot;:&quot;virtualenv&quot;},{&quot;id&quot;:&quot;1040000000090316&quot;,&quot;name&quot;:&quot;lucene&quot;}]}">
                                        <ul class="nav nav-tabs" role="tablist">
                                            <li role="presentation" class="active">
                                                <a href="#开发语言" aria-controls="type" role="tab" data-toggle="tab">
                                                    开发语言
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#平台框架" aria-controls="type" role="tab" data-toggle="tab">
                                                    平台框架
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#服务器" aria-controls="type" role="tab" data-toggle="tab">
                                                    服务器
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#数据库和缓存" aria-controls="type" role="tab" data-toggle="tab">
                                                    数据库和缓存
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#开发工具" aria-controls="type" role="tab" data-toggle="tab">
                                                    开发工具
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#系统设备" aria-controls="type" role="tab" data-toggle="tab">
                                                    系统设备
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#其它" aria-controls="type" role="tab" data-toggle="tab">
                                                    其它
                                                </a>
                                            </li>
                                        </ul>
                                        <div class="tab-content">
                                            <div role="tabpanel" class="tab-pane active" id="开发语言">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089436&quot;,&quot;name&quot;:&quot;javascript&quot;}"
                                                        href="javascript: void(0);">
                                                            javascript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089387&quot;,&quot;name&quot;:&quot;php&quot;}"
                                                        href="javascript: void(0);">
                                                            php
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089434&quot;,&quot;name&quot;:&quot;css&quot;}"
                                                        href="javascript: void(0);">
                                                            css
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089571&quot;,&quot;name&quot;:&quot;html&quot;}"
                                                        href="javascript: void(0);">
                                                            html
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089449&quot;,&quot;name&quot;:&quot;java&quot;}"
                                                        href="javascript: void(0);">
                                                            java
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089534&quot;,&quot;name&quot;:&quot;python&quot;}"
                                                        href="javascript: void(0);">
                                                            python
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;}"
                                                        href="javascript: void(0);">
                                                            html5
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089918&quot;,&quot;name&quot;:&quot;node.js&quot;}"
                                                        href="javascript: void(0);">
                                                            node.js
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089741&quot;,&quot;name&quot;:&quot;c++&quot;}"
                                                        href="javascript: void(0);">
                                                            c++
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089457&quot;,&quot;name&quot;:&quot;c&quot;}"
                                                        href="javascript: void(0);">
                                                            c
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090209&quot;,&quot;name&quot;:&quot;objective-c&quot;}"
                                                        href="javascript: void(0);">
                                                            objective-c
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089669&quot;,&quot;name&quot;:&quot;shell&quot;}"
                                                        href="javascript: void(0);">
                                                            shell
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000531223&quot;,&quot;name&quot;:&quot;swift&quot;}"
                                                        href="javascript: void(0);">
                                                            swift
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090203&quot;,&quot;name&quot;:&quot;golang&quot;}"
                                                        href="javascript: void(0);">
                                                            golang
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089699&quot;,&quot;name&quot;:&quot;ruby&quot;}"
                                                        href="javascript: void(0);">
                                                            ruby
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089581&quot;,&quot;name&quot;:&quot;c#&quot;}"
                                                        href="javascript: void(0);">
                                                            c#
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089686&quot;,&quot;name&quot;:&quot;bash&quot;}"
                                                        href="javascript: void(0);">
                                                            bash
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090433&quot;,&quot;name&quot;:&quot;asp.net&quot;}"
                                                        href="javascript: void(0);">
                                                            asp.net
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000091262&quot;,&quot;name&quot;:&quot;sass&quot;}"
                                                        href="javascript: void(0);">
                                                            sass
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090228&quot;,&quot;name&quot;:&quot;scala&quot;}"
                                                        href="javascript: void(0);">
                                                            scala
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090208&quot;,&quot;name&quot;:&quot;lua&quot;}"
                                                        href="javascript: void(0);">
                                                            lua
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000161068&quot;,&quot;name&quot;:&quot;coffeescript&quot;}"
                                                        href="javascript: void(0);">
                                                            coffeescript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090600&quot;,&quot;name&quot;:&quot;less&quot;}"
                                                        href="javascript: void(0);">
                                                            less
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000365394&quot;,&quot;name&quot;:&quot;typescript&quot;}"
                                                        href="javascript: void(0);">
                                                            typescript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090194&quot;,&quot;name&quot;:&quot;actionscript&quot;}"
                                                        href="javascript: void(0);">
                                                            actionscript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089698&quot;,&quot;name&quot;:&quot;perl&quot;}"
                                                        href="javascript: void(0);">
                                                            perl
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090201&quot;,&quot;name&quot;:&quot;erlang&quot;}"
                                                        href="javascript: void(0);">
                                                            erlang
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000311191&quot;,&quot;name&quot;:&quot;rust&quot;}"
                                                        href="javascript: void(0);">
                                                            rust
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="平台框架">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000196640&quot;,&quot;name&quot;:&quot;laravel&quot;}"
                                                        href="javascript: void(0);">
                                                            laravel
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000125263&quot;,&quot;name&quot;:&quot;flask&quot;}"
                                                        href="javascript: void(0);">
                                                            flask
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089564&quot;,&quot;name&quot;:&quot;django&quot;}"
                                                        href="javascript: void(0);">
                                                            django
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090103&quot;,&quot;name&quot;:&quot;spring&quot;}"
                                                        href="javascript: void(0);">
                                                            spring
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000166256&quot;,&quot;name&quot;:&quot;express&quot;}"
                                                        href="javascript: void(0);">
                                                            express
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089646&quot;,&quot;name&quot;:&quot;ruby-on-rails&quot;}"
                                                        href="javascript: void(0);">
                                                            ruby-on-rails
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000116331&quot;,&quot;name&quot;:&quot;tornado&quot;}"
                                                        href="javascript: void(0);">
                                                            tornado
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090398&quot;,&quot;name&quot;:&quot;yii&quot;}"
                                                        href="javascript: void(0);">
                                                            yii
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000622042&quot;,&quot;name&quot;:&quot;koa&quot;}"
                                                        href="javascript: void(0);">
                                                            koa
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089638&quot;,&quot;name&quot;:&quot;struts&quot;}"
                                                        href="javascript: void(0);">
                                                            struts
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="服务器">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089392&quot;,&quot;name&quot;:&quot;linux&quot;}"
                                                        href="javascript: void(0);">
                                                            linux
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090145&quot;,&quot;name&quot;:&quot;nginx&quot;}"
                                                        href="javascript: void(0);">
                                                            nginx
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089761&quot;,&quot;name&quot;:&quot;apache&quot;}"
                                                        href="javascript: void(0);">
                                                            apache
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090245&quot;,&quot;name&quot;:&quot;ubuntu&quot;}"
                                                        href="javascript: void(0);">
                                                            ubuntu
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000366352&quot;,&quot;name&quot;:&quot;docker&quot;}"
                                                        href="javascript: void(0);">
                                                            docker
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090249&quot;,&quot;name&quot;:&quot;centos&quot;}"
                                                        href="javascript: void(0);">
                                                            centos
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090401&quot;,&quot;name&quot;:&quot;\u7f13\u5b58&quot;}"
                                                        href="javascript: void(0);">
                                                            缓存
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090117&quot;,&quot;name&quot;:&quot;tomcat&quot;}"
                                                        href="javascript: void(0);">
                                                            tomcat
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090107&quot;,&quot;name&quot;:&quot;\u8d1f\u8f7d\u5747\u8861&quot;}"
                                                        href="javascript: void(0);">
                                                            负载均衡
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090646&quot;,&quot;name&quot;:&quot;unix&quot;}"
                                                        href="javascript: void(0);">
                                                            unix
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089648&quot;,&quot;name&quot;:&quot;hadoop&quot;}"
                                                        href="javascript: void(0);">
                                                            hadoop
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090609&quot;,&quot;name&quot;:&quot;windows-server&quot;}"
                                                        href="javascript: void(0);">
                                                            windows-server
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="数据库和缓存">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089439&quot;,&quot;name&quot;:&quot;mysql&quot;}"
                                                        href="javascript: void(0);">
                                                            mysql
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089431&quot;,&quot;name&quot;:&quot;redis&quot;}"
                                                        href="javascript: void(0);">
                                                            redis
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090049&quot;,&quot;name&quot;:&quot;sql&quot;}"
                                                        href="javascript: void(0);">
                                                            sql
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089488&quot;,&quot;name&quot;:&quot;mongodb&quot;}"
                                                        href="javascript: void(0);">
                                                            mongodb
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089432&quot;,&quot;name&quot;:&quot;nosql&quot;}"
                                                        href="javascript: void(0);">
                                                            nosql
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089873&quot;,&quot;name&quot;:&quot;memcached&quot;}"
                                                        href="javascript: void(0);">
                                                            memcached
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090701&quot;,&quot;name&quot;:&quot;oracle&quot;}"
                                                        href="javascript: void(0);">
                                                            oracle
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090354&quot;,&quot;name&quot;:&quot;sqlite&quot;}"
                                                        href="javascript: void(0);">
                                                            sqlite
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090424&quot;,&quot;name&quot;:&quot;sqlserver&quot;}"
                                                        href="javascript: void(0);">
                                                            sqlserver
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090861&quot;,&quot;name&quot;:&quot;postgresql&quot;}"
                                                        href="javascript: void(0);">
                                                            postgresql
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="开发工具">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089459&quot;,&quot;name&quot;:&quot;git&quot;}"
                                                        href="javascript: void(0);">
                                                            git
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000091226&quot;,&quot;name&quot;:&quot;github&quot;}"
                                                        href="javascript: void(0);">
                                                            github
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089467&quot;,&quot;name&quot;:&quot;vim&quot;}"
                                                        href="javascript: void(0);">
                                                            vim
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089579&quot;,&quot;name&quot;:&quot;xcode&quot;}"
                                                        href="javascript: void(0);">
                                                            xcode
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000126097&quot;,&quot;name&quot;:&quot;sublime-text&quot;}"
                                                        href="javascript: void(0);">
                                                            sublime-text
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089509&quot;,&quot;name&quot;:&quot;eclipse&quot;}"
                                                        href="javascript: void(0);">
                                                            eclipse
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089447&quot;,&quot;name&quot;:&quot;svn&quot;}"
                                                        href="javascript: void(0);">
                                                            svn
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090560&quot;,&quot;name&quot;:&quot;intellij-idea&quot;}"
                                                        href="javascript: void(0);">
                                                            intellij-idea
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090473&quot;,&quot;name&quot;:&quot;ide&quot;}"
                                                        href="javascript: void(0);">
                                                            ide
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090186&quot;,&quot;name&quot;:&quot;maven&quot;}"
                                                        href="javascript: void(0);">
                                                            maven
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090524&quot;,&quot;name&quot;:&quot;atom&quot;}"
                                                        href="javascript: void(0);">
                                                            atom
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090231&quot;,&quot;name&quot;:&quot;visual-studio&quot;}"
                                                        href="javascript: void(0);">
                                                            visual-studio
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090216&quot;,&quot;name&quot;:&quot;emacs&quot;}"
                                                        href="javascript: void(0);">
                                                            emacs
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002720957&quot;,&quot;name&quot;:&quot;visual-studio-code&quot;}"
                                                        href="javascript: void(0);">
                                                            visual-studio-code
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000183694&quot;,&quot;name&quot;:&quot;hg&quot;}"
                                                        href="javascript: void(0);">
                                                            hg
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089663&quot;,&quot;name&quot;:&quot;textmate&quot;}"
                                                        href="javascript: void(0);">
                                                            textmate
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="系统设备">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089442&quot;,&quot;name&quot;:&quot;ios&quot;}"
                                                        href="javascript: void(0);">
                                                            ios
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089658&quot;,&quot;name&quot;:&quot;android&quot;}"
                                                        href="javascript: void(0);">
                                                            android
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089407&quot;,&quot;name&quot;:&quot;chrome&quot;}"
                                                        href="javascript: void(0);">
                                                            chrome
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089709&quot;,&quot;name&quot;:&quot;windows&quot;}"
                                                        href="javascript: void(0);">
                                                            windows
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089498&quot;,&quot;name&quot;:&quot;iphone&quot;}"
                                                        href="javascript: void(0);">
                                                            iphone
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000125504&quot;,&quot;name&quot;:&quot;internet-explorer&quot;}"
                                                        href="javascript: void(0);">
                                                            internet-explorer
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090217&quot;,&quot;name&quot;:&quot;firefox&quot;}"
                                                        href="javascript: void(0);">
                                                            firefox
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090638&quot;,&quot;name&quot;:&quot;ipad&quot;}"
                                                        href="javascript: void(0);">
                                                            ipad
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089499&quot;,&quot;name&quot;:&quot;safari&quot;}"
                                                        href="javascript: void(0);">
                                                            safari
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090218&quot;,&quot;name&quot;:&quot;opera&quot;}"
                                                        href="javascript: void(0);">
                                                            opera
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002871462&quot;,&quot;name&quot;:&quot;apple-watch&quot;}"
                                                        href="javascript: void(0);">
                                                            apple-watch
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="其它">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;}"
                                                        href="javascript: void(0);">
                                                            html5
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002893277&quot;,&quot;name&quot;:&quot;react.js&quot;}"
                                                        href="javascript: void(0);">
                                                            react.js
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090137&quot;,&quot;name&quot;:&quot;\u641c\u7d22\u5f15\u64ce&quot;}"
                                                        href="javascript: void(0);">
                                                            搜索引擎
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000123810&quot;,&quot;name&quot;:&quot;virtualenv&quot;}"
                                                        href="javascript: void(0);">
                                                            virtualenv
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090316&quot;,&quot;name&quot;:&quot;lucene&quot;}"
                                                        href="javascript: void(0);">
                                                            lucene
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-right">
                                    <button type="button" class="btn btn-default mr10 profile__init-skip">
                                        跳过
                                    </button>
                                    <button type="button" class="btn btn-primary">
                                        保存
                                    </button>
                                </div>
                            </div>
                        </form>
                        <form class="profile__init-item hide" data-api="/api/user/profile/school/add">
                            <h4 class="profile__init-title">
                                你在哪所院校读书？
                                <i class="fa  fa-close profile__init-close">
                                </i>
                            </h4>
                            <div class="profile__init-form">
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label class="control-label required">
                                            院校名称
                                        </label>
                                        <input id="schoolsAutoComplete" class="form-control tagsInput" name="name">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label class="control-label required">
                                            所学专业
                                        </label>
                                        <input placeholder="如：计算机科学与技术" class="form-control" name="department"
                                        value="">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="required control-label">
                                                    起止时间
                                                </label>
                                                <input name="from" type="text" class="form-control" data-date-format="yyyy-mm"
                                                data-date-start-view="1" data-date-min-view-mode="1" placeholder="入学时间：1970-01"
                                                value="">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="control-label special-label">
                                                    <div class="checkbox pull-right">
                                                        <label>
                                                            <input checked="" class="js-to-null" data-mod="education" type="checkbox">
                                                            目前仍然在读
                                                        </label>
                                                    </div>
                                                </label>
                                                <input class="form-control " placeholder="至今" disabled="">
                                                <input name="to" type="text" class="form-control" data-date-format="yyyy-mm"
                                                data-date-start-view="1" data-date-min-view-mode="1" placeholder="毕业时间：1970-01"
                                                value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label class="required">
                                            学历
                                        </label>
                                        <select class="form-control" name="degree">
                                            <option value="专科">
                                                专科
                                            </option>
                                            <option value="本科">
                                                本科
                                            </option>
                                            <option value="硕士研究生">
                                                硕士研究生
                                            </option>
                                            <option value="博士研究生">
                                                博士研究生
                                            </option>
                                            <option value="其他">
                                                其他
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="required">
                                        相关技术
                                    </label>
                                    <input id="tagsAutoComplete" class="tagsInput form-control mt10" data-init=""
                                    name="tags" type="text" placeholder="多个用逗号分隔（最多 5 个）">
                                    <div role="tabpanel" class="techTags panel panel-default techTags-panel"
                                    data-tech="{&quot;\u5f00\u53d1\u8bed\u8a00&quot;:[{&quot;id&quot;:&quot;1040000000089436&quot;,&quot;name&quot;:&quot;javascript&quot;},{&quot;id&quot;:&quot;1040000000089387&quot;,&quot;name&quot;:&quot;php&quot;},{&quot;id&quot;:&quot;1040000000089434&quot;,&quot;name&quot;:&quot;css&quot;},{&quot;id&quot;:&quot;1040000000089571&quot;,&quot;name&quot;:&quot;html&quot;},{&quot;id&quot;:&quot;1040000000089449&quot;,&quot;name&quot;:&quot;java&quot;},{&quot;id&quot;:&quot;1040000000089534&quot;,&quot;name&quot;:&quot;python&quot;},{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;},{&quot;id&quot;:&quot;1040000000089918&quot;,&quot;name&quot;:&quot;node.js&quot;},{&quot;id&quot;:&quot;1040000000089741&quot;,&quot;name&quot;:&quot;c++&quot;},{&quot;id&quot;:&quot;1040000000089457&quot;,&quot;name&quot;:&quot;c&quot;},{&quot;id&quot;:&quot;1040000000090209&quot;,&quot;name&quot;:&quot;objective-c&quot;},{&quot;id&quot;:&quot;1040000000089669&quot;,&quot;name&quot;:&quot;shell&quot;},{&quot;id&quot;:&quot;1040000000531223&quot;,&quot;name&quot;:&quot;swift&quot;},{&quot;id&quot;:&quot;1040000000090203&quot;,&quot;name&quot;:&quot;golang&quot;},{&quot;id&quot;:&quot;1040000000089699&quot;,&quot;name&quot;:&quot;ruby&quot;},{&quot;id&quot;:&quot;1040000000089581&quot;,&quot;name&quot;:&quot;c#&quot;},{&quot;id&quot;:&quot;1040000000089686&quot;,&quot;name&quot;:&quot;bash&quot;},{&quot;id&quot;:&quot;1040000000090433&quot;,&quot;name&quot;:&quot;asp.net&quot;},{&quot;id&quot;:&quot;1040000000091262&quot;,&quot;name&quot;:&quot;sass&quot;},{&quot;id&quot;:&quot;1040000000090228&quot;,&quot;name&quot;:&quot;scala&quot;},{&quot;id&quot;:&quot;1040000000090208&quot;,&quot;name&quot;:&quot;lua&quot;},{&quot;id&quot;:&quot;1040000000161068&quot;,&quot;name&quot;:&quot;coffeescript&quot;},{&quot;id&quot;:&quot;1040000000090600&quot;,&quot;name&quot;:&quot;less&quot;},{&quot;id&quot;:&quot;1040000000365394&quot;,&quot;name&quot;:&quot;typescript&quot;},{&quot;id&quot;:&quot;1040000000090194&quot;,&quot;name&quot;:&quot;actionscript&quot;},{&quot;id&quot;:&quot;1040000000089698&quot;,&quot;name&quot;:&quot;perl&quot;},{&quot;id&quot;:&quot;1040000000090201&quot;,&quot;name&quot;:&quot;erlang&quot;},{&quot;id&quot;:&quot;1040000000311191&quot;,&quot;name&quot;:&quot;rust&quot;}],&quot;\u5e73\u53f0\u6846\u67b6&quot;:[{&quot;id&quot;:&quot;1040000000196640&quot;,&quot;name&quot;:&quot;laravel&quot;},{&quot;id&quot;:&quot;1040000000125263&quot;,&quot;name&quot;:&quot;flask&quot;},{&quot;id&quot;:&quot;1040000000089564&quot;,&quot;name&quot;:&quot;django&quot;},{&quot;id&quot;:&quot;1040000000090103&quot;,&quot;name&quot;:&quot;spring&quot;},{&quot;id&quot;:&quot;1040000000166256&quot;,&quot;name&quot;:&quot;express&quot;},{&quot;id&quot;:&quot;1040000000089646&quot;,&quot;name&quot;:&quot;ruby-on-rails&quot;},{&quot;id&quot;:&quot;1040000000116331&quot;,&quot;name&quot;:&quot;tornado&quot;},{&quot;id&quot;:&quot;1040000000090398&quot;,&quot;name&quot;:&quot;yii&quot;},{&quot;id&quot;:&quot;1040000000622042&quot;,&quot;name&quot;:&quot;koa&quot;},{&quot;id&quot;:&quot;1040000000089638&quot;,&quot;name&quot;:&quot;struts&quot;}],&quot;\u670d\u52a1\u5668&quot;:[{&quot;id&quot;:&quot;1040000000089392&quot;,&quot;name&quot;:&quot;linux&quot;},{&quot;id&quot;:&quot;1040000000090145&quot;,&quot;name&quot;:&quot;nginx&quot;},{&quot;id&quot;:&quot;1040000000089761&quot;,&quot;name&quot;:&quot;apache&quot;},{&quot;id&quot;:&quot;1040000000090245&quot;,&quot;name&quot;:&quot;ubuntu&quot;},{&quot;id&quot;:&quot;1040000000366352&quot;,&quot;name&quot;:&quot;docker&quot;},{&quot;id&quot;:&quot;1040000000090249&quot;,&quot;name&quot;:&quot;centos&quot;},{&quot;id&quot;:&quot;1040000000090401&quot;,&quot;name&quot;:&quot;\u7f13\u5b58&quot;},{&quot;id&quot;:&quot;1040000000090117&quot;,&quot;name&quot;:&quot;tomcat&quot;},{&quot;id&quot;:&quot;1040000000090107&quot;,&quot;name&quot;:&quot;\u8d1f\u8f7d\u5747\u8861&quot;},{&quot;id&quot;:&quot;1040000000090646&quot;,&quot;name&quot;:&quot;unix&quot;},{&quot;id&quot;:&quot;1040000000089648&quot;,&quot;name&quot;:&quot;hadoop&quot;},{&quot;id&quot;:&quot;1040000000090609&quot;,&quot;name&quot;:&quot;windows-server&quot;}],&quot;\u6570\u636e\u5e93\u548c\u7f13\u5b58&quot;:[{&quot;id&quot;:&quot;1040000000089439&quot;,&quot;name&quot;:&quot;mysql&quot;},{&quot;id&quot;:&quot;1040000000089431&quot;,&quot;name&quot;:&quot;redis&quot;},{&quot;id&quot;:&quot;1040000000090049&quot;,&quot;name&quot;:&quot;sql&quot;},{&quot;id&quot;:&quot;1040000000089488&quot;,&quot;name&quot;:&quot;mongodb&quot;},{&quot;id&quot;:&quot;1040000000089432&quot;,&quot;name&quot;:&quot;nosql&quot;},{&quot;id&quot;:&quot;1040000000089873&quot;,&quot;name&quot;:&quot;memcached&quot;},{&quot;id&quot;:&quot;1040000000090701&quot;,&quot;name&quot;:&quot;oracle&quot;},{&quot;id&quot;:&quot;1040000000090354&quot;,&quot;name&quot;:&quot;sqlite&quot;},{&quot;id&quot;:&quot;1040000000090424&quot;,&quot;name&quot;:&quot;sqlserver&quot;},{&quot;id&quot;:&quot;1040000000090861&quot;,&quot;name&quot;:&quot;postgresql&quot;}],&quot;\u5f00\u53d1\u5de5\u5177&quot;:[{&quot;id&quot;:&quot;1040000000089459&quot;,&quot;name&quot;:&quot;git&quot;},{&quot;id&quot;:&quot;1040000000091226&quot;,&quot;name&quot;:&quot;github&quot;},{&quot;id&quot;:&quot;1040000000089467&quot;,&quot;name&quot;:&quot;vim&quot;},{&quot;id&quot;:&quot;1040000000089579&quot;,&quot;name&quot;:&quot;xcode&quot;},{&quot;id&quot;:&quot;1040000000126097&quot;,&quot;name&quot;:&quot;sublime-text&quot;},{&quot;id&quot;:&quot;1040000000089509&quot;,&quot;name&quot;:&quot;eclipse&quot;},{&quot;id&quot;:&quot;1040000000089447&quot;,&quot;name&quot;:&quot;svn&quot;},{&quot;id&quot;:&quot;1040000000090560&quot;,&quot;name&quot;:&quot;intellij-idea&quot;},{&quot;id&quot;:&quot;1040000000090473&quot;,&quot;name&quot;:&quot;ide&quot;},{&quot;id&quot;:&quot;1040000000090186&quot;,&quot;name&quot;:&quot;maven&quot;},{&quot;id&quot;:&quot;1040000000090524&quot;,&quot;name&quot;:&quot;atom&quot;},{&quot;id&quot;:&quot;1040000000090231&quot;,&quot;name&quot;:&quot;visual-studio&quot;},{&quot;id&quot;:&quot;1040000000090216&quot;,&quot;name&quot;:&quot;emacs&quot;},{&quot;id&quot;:&quot;1040000002720957&quot;,&quot;name&quot;:&quot;visual-studio-code&quot;},{&quot;id&quot;:&quot;1040000000183694&quot;,&quot;name&quot;:&quot;hg&quot;},{&quot;id&quot;:&quot;1040000000089663&quot;,&quot;name&quot;:&quot;textmate&quot;}],&quot;\u7cfb\u7edf\u8bbe\u5907&quot;:[{&quot;id&quot;:&quot;1040000000089442&quot;,&quot;name&quot;:&quot;ios&quot;},{&quot;id&quot;:&quot;1040000000089658&quot;,&quot;name&quot;:&quot;android&quot;},{&quot;id&quot;:&quot;1040000000089407&quot;,&quot;name&quot;:&quot;chrome&quot;},{&quot;id&quot;:&quot;1040000000089709&quot;,&quot;name&quot;:&quot;windows&quot;},{&quot;id&quot;:&quot;1040000000089498&quot;,&quot;name&quot;:&quot;iphone&quot;},{&quot;id&quot;:&quot;1040000000125504&quot;,&quot;name&quot;:&quot;internet-explorer&quot;},{&quot;id&quot;:&quot;1040000000090217&quot;,&quot;name&quot;:&quot;firefox&quot;},{&quot;id&quot;:&quot;1040000000090638&quot;,&quot;name&quot;:&quot;ipad&quot;},{&quot;id&quot;:&quot;1040000000089499&quot;,&quot;name&quot;:&quot;safari&quot;},{&quot;id&quot;:&quot;1040000000090218&quot;,&quot;name&quot;:&quot;opera&quot;},{&quot;id&quot;:&quot;1040000002871462&quot;,&quot;name&quot;:&quot;apple-watch&quot;}],&quot;\u5176\u5b83&quot;:[{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;},{&quot;id&quot;:&quot;1040000002893277&quot;,&quot;name&quot;:&quot;react.js&quot;},{&quot;id&quot;:&quot;1040000000090137&quot;,&quot;name&quot;:&quot;\u641c\u7d22\u5f15\u64ce&quot;},{&quot;id&quot;:&quot;1040000000123810&quot;,&quot;name&quot;:&quot;virtualenv&quot;},{&quot;id&quot;:&quot;1040000000090316&quot;,&quot;name&quot;:&quot;lucene&quot;}]}">
                                        <ul class="nav nav-tabs" role="tablist">
                                            <li role="presentation" class="active">
                                                <a href="#开发语言" aria-controls="type" role="tab" data-toggle="tab">
                                                    开发语言
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#平台框架" aria-controls="type" role="tab" data-toggle="tab">
                                                    平台框架
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#服务器" aria-controls="type" role="tab" data-toggle="tab">
                                                    服务器
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#数据库和缓存" aria-controls="type" role="tab" data-toggle="tab">
                                                    数据库和缓存
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#开发工具" aria-controls="type" role="tab" data-toggle="tab">
                                                    开发工具
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#系统设备" aria-controls="type" role="tab" data-toggle="tab">
                                                    系统设备
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#其它" aria-controls="type" role="tab" data-toggle="tab">
                                                    其它
                                                </a>
                                            </li>
                                        </ul>
                                        <div class="tab-content">
                                            <div role="tabpanel" class="tab-pane active" id="开发语言">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089436&quot;,&quot;name&quot;:&quot;javascript&quot;}"
                                                        href="javascript: void(0);">
                                                            javascript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089387&quot;,&quot;name&quot;:&quot;php&quot;}"
                                                        href="javascript: void(0);">
                                                            php
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089434&quot;,&quot;name&quot;:&quot;css&quot;}"
                                                        href="javascript: void(0);">
                                                            css
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089571&quot;,&quot;name&quot;:&quot;html&quot;}"
                                                        href="javascript: void(0);">
                                                            html
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089449&quot;,&quot;name&quot;:&quot;java&quot;}"
                                                        href="javascript: void(0);">
                                                            java
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089534&quot;,&quot;name&quot;:&quot;python&quot;}"
                                                        href="javascript: void(0);">
                                                            python
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;}"
                                                        href="javascript: void(0);">
                                                            html5
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089918&quot;,&quot;name&quot;:&quot;node.js&quot;}"
                                                        href="javascript: void(0);">
                                                            node.js
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089741&quot;,&quot;name&quot;:&quot;c++&quot;}"
                                                        href="javascript: void(0);">
                                                            c++
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089457&quot;,&quot;name&quot;:&quot;c&quot;}"
                                                        href="javascript: void(0);">
                                                            c
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090209&quot;,&quot;name&quot;:&quot;objective-c&quot;}"
                                                        href="javascript: void(0);">
                                                            objective-c
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089669&quot;,&quot;name&quot;:&quot;shell&quot;}"
                                                        href="javascript: void(0);">
                                                            shell
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000531223&quot;,&quot;name&quot;:&quot;swift&quot;}"
                                                        href="javascript: void(0);">
                                                            swift
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090203&quot;,&quot;name&quot;:&quot;golang&quot;}"
                                                        href="javascript: void(0);">
                                                            golang
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089699&quot;,&quot;name&quot;:&quot;ruby&quot;}"
                                                        href="javascript: void(0);">
                                                            ruby
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089581&quot;,&quot;name&quot;:&quot;c#&quot;}"
                                                        href="javascript: void(0);">
                                                            c#
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089686&quot;,&quot;name&quot;:&quot;bash&quot;}"
                                                        href="javascript: void(0);">
                                                            bash
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090433&quot;,&quot;name&quot;:&quot;asp.net&quot;}"
                                                        href="javascript: void(0);">
                                                            asp.net
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000091262&quot;,&quot;name&quot;:&quot;sass&quot;}"
                                                        href="javascript: void(0);">
                                                            sass
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090228&quot;,&quot;name&quot;:&quot;scala&quot;}"
                                                        href="javascript: void(0);">
                                                            scala
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090208&quot;,&quot;name&quot;:&quot;lua&quot;}"
                                                        href="javascript: void(0);">
                                                            lua
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000161068&quot;,&quot;name&quot;:&quot;coffeescript&quot;}"
                                                        href="javascript: void(0);">
                                                            coffeescript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090600&quot;,&quot;name&quot;:&quot;less&quot;}"
                                                        href="javascript: void(0);">
                                                            less
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000365394&quot;,&quot;name&quot;:&quot;typescript&quot;}"
                                                        href="javascript: void(0);">
                                                            typescript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090194&quot;,&quot;name&quot;:&quot;actionscript&quot;}"
                                                        href="javascript: void(0);">
                                                            actionscript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089698&quot;,&quot;name&quot;:&quot;perl&quot;}"
                                                        href="javascript: void(0);">
                                                            perl
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090201&quot;,&quot;name&quot;:&quot;erlang&quot;}"
                                                        href="javascript: void(0);">
                                                            erlang
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000311191&quot;,&quot;name&quot;:&quot;rust&quot;}"
                                                        href="javascript: void(0);">
                                                            rust
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="平台框架">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000196640&quot;,&quot;name&quot;:&quot;laravel&quot;}"
                                                        href="javascript: void(0);">
                                                            laravel
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000125263&quot;,&quot;name&quot;:&quot;flask&quot;}"
                                                        href="javascript: void(0);">
                                                            flask
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089564&quot;,&quot;name&quot;:&quot;django&quot;}"
                                                        href="javascript: void(0);">
                                                            django
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090103&quot;,&quot;name&quot;:&quot;spring&quot;}"
                                                        href="javascript: void(0);">
                                                            spring
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000166256&quot;,&quot;name&quot;:&quot;express&quot;}"
                                                        href="javascript: void(0);">
                                                            express
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089646&quot;,&quot;name&quot;:&quot;ruby-on-rails&quot;}"
                                                        href="javascript: void(0);">
                                                            ruby-on-rails
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000116331&quot;,&quot;name&quot;:&quot;tornado&quot;}"
                                                        href="javascript: void(0);">
                                                            tornado
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090398&quot;,&quot;name&quot;:&quot;yii&quot;}"
                                                        href="javascript: void(0);">
                                                            yii
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000622042&quot;,&quot;name&quot;:&quot;koa&quot;}"
                                                        href="javascript: void(0);">
                                                            koa
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089638&quot;,&quot;name&quot;:&quot;struts&quot;}"
                                                        href="javascript: void(0);">
                                                            struts
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="服务器">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089392&quot;,&quot;name&quot;:&quot;linux&quot;}"
                                                        href="javascript: void(0);">
                                                            linux
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090145&quot;,&quot;name&quot;:&quot;nginx&quot;}"
                                                        href="javascript: void(0);">
                                                            nginx
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089761&quot;,&quot;name&quot;:&quot;apache&quot;}"
                                                        href="javascript: void(0);">
                                                            apache
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090245&quot;,&quot;name&quot;:&quot;ubuntu&quot;}"
                                                        href="javascript: void(0);">
                                                            ubuntu
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000366352&quot;,&quot;name&quot;:&quot;docker&quot;}"
                                                        href="javascript: void(0);">
                                                            docker
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090249&quot;,&quot;name&quot;:&quot;centos&quot;}"
                                                        href="javascript: void(0);">
                                                            centos
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090401&quot;,&quot;name&quot;:&quot;\u7f13\u5b58&quot;}"
                                                        href="javascript: void(0);">
                                                            缓存
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090117&quot;,&quot;name&quot;:&quot;tomcat&quot;}"
                                                        href="javascript: void(0);">
                                                            tomcat
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090107&quot;,&quot;name&quot;:&quot;\u8d1f\u8f7d\u5747\u8861&quot;}"
                                                        href="javascript: void(0);">
                                                            负载均衡
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090646&quot;,&quot;name&quot;:&quot;unix&quot;}"
                                                        href="javascript: void(0);">
                                                            unix
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089648&quot;,&quot;name&quot;:&quot;hadoop&quot;}"
                                                        href="javascript: void(0);">
                                                            hadoop
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090609&quot;,&quot;name&quot;:&quot;windows-server&quot;}"
                                                        href="javascript: void(0);">
                                                            windows-server
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="数据库和缓存">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089439&quot;,&quot;name&quot;:&quot;mysql&quot;}"
                                                        href="javascript: void(0);">
                                                            mysql
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089431&quot;,&quot;name&quot;:&quot;redis&quot;}"
                                                        href="javascript: void(0);">
                                                            redis
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090049&quot;,&quot;name&quot;:&quot;sql&quot;}"
                                                        href="javascript: void(0);">
                                                            sql
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089488&quot;,&quot;name&quot;:&quot;mongodb&quot;}"
                                                        href="javascript: void(0);">
                                                            mongodb
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089432&quot;,&quot;name&quot;:&quot;nosql&quot;}"
                                                        href="javascript: void(0);">
                                                            nosql
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089873&quot;,&quot;name&quot;:&quot;memcached&quot;}"
                                                        href="javascript: void(0);">
                                                            memcached
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090701&quot;,&quot;name&quot;:&quot;oracle&quot;}"
                                                        href="javascript: void(0);">
                                                            oracle
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090354&quot;,&quot;name&quot;:&quot;sqlite&quot;}"
                                                        href="javascript: void(0);">
                                                            sqlite
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090424&quot;,&quot;name&quot;:&quot;sqlserver&quot;}"
                                                        href="javascript: void(0);">
                                                            sqlserver
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090861&quot;,&quot;name&quot;:&quot;postgresql&quot;}"
                                                        href="javascript: void(0);">
                                                            postgresql
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="开发工具">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089459&quot;,&quot;name&quot;:&quot;git&quot;}"
                                                        href="javascript: void(0);">
                                                            git
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000091226&quot;,&quot;name&quot;:&quot;github&quot;}"
                                                        href="javascript: void(0);">
                                                            github
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089467&quot;,&quot;name&quot;:&quot;vim&quot;}"
                                                        href="javascript: void(0);">
                                                            vim
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089579&quot;,&quot;name&quot;:&quot;xcode&quot;}"
                                                        href="javascript: void(0);">
                                                            xcode
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000126097&quot;,&quot;name&quot;:&quot;sublime-text&quot;}"
                                                        href="javascript: void(0);">
                                                            sublime-text
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089509&quot;,&quot;name&quot;:&quot;eclipse&quot;}"
                                                        href="javascript: void(0);">
                                                            eclipse
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089447&quot;,&quot;name&quot;:&quot;svn&quot;}"
                                                        href="javascript: void(0);">
                                                            svn
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090560&quot;,&quot;name&quot;:&quot;intellij-idea&quot;}"
                                                        href="javascript: void(0);">
                                                            intellij-idea
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090473&quot;,&quot;name&quot;:&quot;ide&quot;}"
                                                        href="javascript: void(0);">
                                                            ide
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090186&quot;,&quot;name&quot;:&quot;maven&quot;}"
                                                        href="javascript: void(0);">
                                                            maven
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090524&quot;,&quot;name&quot;:&quot;atom&quot;}"
                                                        href="javascript: void(0);">
                                                            atom
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090231&quot;,&quot;name&quot;:&quot;visual-studio&quot;}"
                                                        href="javascript: void(0);">
                                                            visual-studio
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090216&quot;,&quot;name&quot;:&quot;emacs&quot;}"
                                                        href="javascript: void(0);">
                                                            emacs
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002720957&quot;,&quot;name&quot;:&quot;visual-studio-code&quot;}"
                                                        href="javascript: void(0);">
                                                            visual-studio-code
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000183694&quot;,&quot;name&quot;:&quot;hg&quot;}"
                                                        href="javascript: void(0);">
                                                            hg
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089663&quot;,&quot;name&quot;:&quot;textmate&quot;}"
                                                        href="javascript: void(0);">
                                                            textmate
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="系统设备">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089442&quot;,&quot;name&quot;:&quot;ios&quot;}"
                                                        href="javascript: void(0);">
                                                            ios
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089658&quot;,&quot;name&quot;:&quot;android&quot;}"
                                                        href="javascript: void(0);">
                                                            android
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089407&quot;,&quot;name&quot;:&quot;chrome&quot;}"
                                                        href="javascript: void(0);">
                                                            chrome
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089709&quot;,&quot;name&quot;:&quot;windows&quot;}"
                                                        href="javascript: void(0);">
                                                            windows
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089498&quot;,&quot;name&quot;:&quot;iphone&quot;}"
                                                        href="javascript: void(0);">
                                                            iphone
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000125504&quot;,&quot;name&quot;:&quot;internet-explorer&quot;}"
                                                        href="javascript: void(0);">
                                                            internet-explorer
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090217&quot;,&quot;name&quot;:&quot;firefox&quot;}"
                                                        href="javascript: void(0);">
                                                            firefox
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090638&quot;,&quot;name&quot;:&quot;ipad&quot;}"
                                                        href="javascript: void(0);">
                                                            ipad
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089499&quot;,&quot;name&quot;:&quot;safari&quot;}"
                                                        href="javascript: void(0);">
                                                            safari
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090218&quot;,&quot;name&quot;:&quot;opera&quot;}"
                                                        href="javascript: void(0);">
                                                            opera
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002871462&quot;,&quot;name&quot;:&quot;apple-watch&quot;}"
                                                        href="javascript: void(0);">
                                                            apple-watch
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="其它">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;}"
                                                        href="javascript: void(0);">
                                                            html5
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002893277&quot;,&quot;name&quot;:&quot;react.js&quot;}"
                                                        href="javascript: void(0);">
                                                            react.js
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090137&quot;,&quot;name&quot;:&quot;\u641c\u7d22\u5f15\u64ce&quot;}"
                                                        href="javascript: void(0);">
                                                            搜索引擎
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000123810&quot;,&quot;name&quot;:&quot;virtualenv&quot;}"
                                                        href="javascript: void(0);">
                                                            virtualenv
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090316&quot;,&quot;name&quot;:&quot;lucene&quot;}"
                                                        href="javascript: void(0);">
                                                            lucene
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="required control-label">
                                        取得成就
                                    </label>
                                    <textarea class="form-control" placeholder="在校期间最自豪的事，有什么重大课题研究，是否有参与社团，获得过什么奖励和荣誉？"
                                    name="description">
                                    </textarea>
                                </div>
                                <div class="text-right">
                                    <button type="button" class="btn btn-default mr10 profile__init-skip">
                                        跳过
                                    </button>
                                    <button type="button" class="btn btn-primary">
                                        保存
                                    </button>
                                </div>
                            </div>
                        </form>
                        <form class="profile__init-item hide" data-api="/api/user/profile/project/add">
                            <h4 class="profile__init-title">
                                你有开源项目或著作吗？
                                <i class="fa  fa-close profile__init-close">
                                </i>
                            </h4>
                            <div class="profile__init-form">
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label class="required control-label">
                                            项目/著作名称
                                        </label>
                                        <input class="form-control" name="name" value="">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label class="control-label">
                                            项目/著作地址
                                        </label>
                                        <input class="form-control" name="url" value="" placeholder="http://example.com">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="required control-label">
                                                    起止时间
                                                </label>
                                                <input name="from" type="text" class="form-control" data-date-format="yyyy-mm"
                                                data-date-start-view="1" data-date-min-view-mode="1" placeholder="开始时间：1970-01"
                                                value="">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class=" control-label special-label">
                                                    <div class="checkbox pull-right">
                                                        <label>
                                                            <input checked="" class="js-to-null" data-mod="project" type="checkbox">
                                                            目前仍在维护
                                                        </label>
                                                    </div>
                                                </label>
                                                <input class="form-control  " placeholder="至今" disabled="">
                                                <input name="to" type="text" class="form-control" data-date-format="yyyy-mm"
                                                placeholder="结束时间：1970-01" data-date-start-view="1" data-date-min-view-mode="1"
                                                value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <div class="form-group">
                                            <label class="required control-label">
                                                项目角色
                                            </label>
                                            <select class="form-control" name="role">
                                                <option value="主力开发者">
                                                    主力开发者
                                                </option>
                                                <option value="辅助开发者">
                                                    辅助开发者
                                                </option>
                                                <option value="项目经理">
                                                    项目经理
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="required">
                                        相关技术
                                    </label>
                                    <input id="tagsAutoComplete" class="form-control" name="tags" placeholder="多个用逗号分隔（最多 5 个）"
                                    data-init="">
                                    <div role="tabpanel" class="techTags panel panel-default techTags-panel"
                                    data-tech="{&quot;\u5f00\u53d1\u8bed\u8a00&quot;:[{&quot;id&quot;:&quot;1040000000089436&quot;,&quot;name&quot;:&quot;javascript&quot;},{&quot;id&quot;:&quot;1040000000089387&quot;,&quot;name&quot;:&quot;php&quot;},{&quot;id&quot;:&quot;1040000000089434&quot;,&quot;name&quot;:&quot;css&quot;},{&quot;id&quot;:&quot;1040000000089571&quot;,&quot;name&quot;:&quot;html&quot;},{&quot;id&quot;:&quot;1040000000089449&quot;,&quot;name&quot;:&quot;java&quot;},{&quot;id&quot;:&quot;1040000000089534&quot;,&quot;name&quot;:&quot;python&quot;},{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;},{&quot;id&quot;:&quot;1040000000089918&quot;,&quot;name&quot;:&quot;node.js&quot;},{&quot;id&quot;:&quot;1040000000089741&quot;,&quot;name&quot;:&quot;c++&quot;},{&quot;id&quot;:&quot;1040000000089457&quot;,&quot;name&quot;:&quot;c&quot;},{&quot;id&quot;:&quot;1040000000090209&quot;,&quot;name&quot;:&quot;objective-c&quot;},{&quot;id&quot;:&quot;1040000000089669&quot;,&quot;name&quot;:&quot;shell&quot;},{&quot;id&quot;:&quot;1040000000531223&quot;,&quot;name&quot;:&quot;swift&quot;},{&quot;id&quot;:&quot;1040000000090203&quot;,&quot;name&quot;:&quot;golang&quot;},{&quot;id&quot;:&quot;1040000000089699&quot;,&quot;name&quot;:&quot;ruby&quot;},{&quot;id&quot;:&quot;1040000000089581&quot;,&quot;name&quot;:&quot;c#&quot;},{&quot;id&quot;:&quot;1040000000089686&quot;,&quot;name&quot;:&quot;bash&quot;},{&quot;id&quot;:&quot;1040000000090433&quot;,&quot;name&quot;:&quot;asp.net&quot;},{&quot;id&quot;:&quot;1040000000091262&quot;,&quot;name&quot;:&quot;sass&quot;},{&quot;id&quot;:&quot;1040000000090228&quot;,&quot;name&quot;:&quot;scala&quot;},{&quot;id&quot;:&quot;1040000000090208&quot;,&quot;name&quot;:&quot;lua&quot;},{&quot;id&quot;:&quot;1040000000161068&quot;,&quot;name&quot;:&quot;coffeescript&quot;},{&quot;id&quot;:&quot;1040000000090600&quot;,&quot;name&quot;:&quot;less&quot;},{&quot;id&quot;:&quot;1040000000365394&quot;,&quot;name&quot;:&quot;typescript&quot;},{&quot;id&quot;:&quot;1040000000090194&quot;,&quot;name&quot;:&quot;actionscript&quot;},{&quot;id&quot;:&quot;1040000000089698&quot;,&quot;name&quot;:&quot;perl&quot;},{&quot;id&quot;:&quot;1040000000090201&quot;,&quot;name&quot;:&quot;erlang&quot;},{&quot;id&quot;:&quot;1040000000311191&quot;,&quot;name&quot;:&quot;rust&quot;}],&quot;\u5e73\u53f0\u6846\u67b6&quot;:[{&quot;id&quot;:&quot;1040000000196640&quot;,&quot;name&quot;:&quot;laravel&quot;},{&quot;id&quot;:&quot;1040000000125263&quot;,&quot;name&quot;:&quot;flask&quot;},{&quot;id&quot;:&quot;1040000000089564&quot;,&quot;name&quot;:&quot;django&quot;},{&quot;id&quot;:&quot;1040000000090103&quot;,&quot;name&quot;:&quot;spring&quot;},{&quot;id&quot;:&quot;1040000000166256&quot;,&quot;name&quot;:&quot;express&quot;},{&quot;id&quot;:&quot;1040000000089646&quot;,&quot;name&quot;:&quot;ruby-on-rails&quot;},{&quot;id&quot;:&quot;1040000000116331&quot;,&quot;name&quot;:&quot;tornado&quot;},{&quot;id&quot;:&quot;1040000000090398&quot;,&quot;name&quot;:&quot;yii&quot;},{&quot;id&quot;:&quot;1040000000622042&quot;,&quot;name&quot;:&quot;koa&quot;},{&quot;id&quot;:&quot;1040000000089638&quot;,&quot;name&quot;:&quot;struts&quot;}],&quot;\u670d\u52a1\u5668&quot;:[{&quot;id&quot;:&quot;1040000000089392&quot;,&quot;name&quot;:&quot;linux&quot;},{&quot;id&quot;:&quot;1040000000090145&quot;,&quot;name&quot;:&quot;nginx&quot;},{&quot;id&quot;:&quot;1040000000089761&quot;,&quot;name&quot;:&quot;apache&quot;},{&quot;id&quot;:&quot;1040000000090245&quot;,&quot;name&quot;:&quot;ubuntu&quot;},{&quot;id&quot;:&quot;1040000000366352&quot;,&quot;name&quot;:&quot;docker&quot;},{&quot;id&quot;:&quot;1040000000090249&quot;,&quot;name&quot;:&quot;centos&quot;},{&quot;id&quot;:&quot;1040000000090401&quot;,&quot;name&quot;:&quot;\u7f13\u5b58&quot;},{&quot;id&quot;:&quot;1040000000090117&quot;,&quot;name&quot;:&quot;tomcat&quot;},{&quot;id&quot;:&quot;1040000000090107&quot;,&quot;name&quot;:&quot;\u8d1f\u8f7d\u5747\u8861&quot;},{&quot;id&quot;:&quot;1040000000090646&quot;,&quot;name&quot;:&quot;unix&quot;},{&quot;id&quot;:&quot;1040000000089648&quot;,&quot;name&quot;:&quot;hadoop&quot;},{&quot;id&quot;:&quot;1040000000090609&quot;,&quot;name&quot;:&quot;windows-server&quot;}],&quot;\u6570\u636e\u5e93\u548c\u7f13\u5b58&quot;:[{&quot;id&quot;:&quot;1040000000089439&quot;,&quot;name&quot;:&quot;mysql&quot;},{&quot;id&quot;:&quot;1040000000089431&quot;,&quot;name&quot;:&quot;redis&quot;},{&quot;id&quot;:&quot;1040000000090049&quot;,&quot;name&quot;:&quot;sql&quot;},{&quot;id&quot;:&quot;1040000000089488&quot;,&quot;name&quot;:&quot;mongodb&quot;},{&quot;id&quot;:&quot;1040000000089432&quot;,&quot;name&quot;:&quot;nosql&quot;},{&quot;id&quot;:&quot;1040000000089873&quot;,&quot;name&quot;:&quot;memcached&quot;},{&quot;id&quot;:&quot;1040000000090701&quot;,&quot;name&quot;:&quot;oracle&quot;},{&quot;id&quot;:&quot;1040000000090354&quot;,&quot;name&quot;:&quot;sqlite&quot;},{&quot;id&quot;:&quot;1040000000090424&quot;,&quot;name&quot;:&quot;sqlserver&quot;},{&quot;id&quot;:&quot;1040000000090861&quot;,&quot;name&quot;:&quot;postgresql&quot;}],&quot;\u5f00\u53d1\u5de5\u5177&quot;:[{&quot;id&quot;:&quot;1040000000089459&quot;,&quot;name&quot;:&quot;git&quot;},{&quot;id&quot;:&quot;1040000000091226&quot;,&quot;name&quot;:&quot;github&quot;},{&quot;id&quot;:&quot;1040000000089467&quot;,&quot;name&quot;:&quot;vim&quot;},{&quot;id&quot;:&quot;1040000000089579&quot;,&quot;name&quot;:&quot;xcode&quot;},{&quot;id&quot;:&quot;1040000000126097&quot;,&quot;name&quot;:&quot;sublime-text&quot;},{&quot;id&quot;:&quot;1040000000089509&quot;,&quot;name&quot;:&quot;eclipse&quot;},{&quot;id&quot;:&quot;1040000000089447&quot;,&quot;name&quot;:&quot;svn&quot;},{&quot;id&quot;:&quot;1040000000090560&quot;,&quot;name&quot;:&quot;intellij-idea&quot;},{&quot;id&quot;:&quot;1040000000090473&quot;,&quot;name&quot;:&quot;ide&quot;},{&quot;id&quot;:&quot;1040000000090186&quot;,&quot;name&quot;:&quot;maven&quot;},{&quot;id&quot;:&quot;1040000000090524&quot;,&quot;name&quot;:&quot;atom&quot;},{&quot;id&quot;:&quot;1040000000090231&quot;,&quot;name&quot;:&quot;visual-studio&quot;},{&quot;id&quot;:&quot;1040000000090216&quot;,&quot;name&quot;:&quot;emacs&quot;},{&quot;id&quot;:&quot;1040000002720957&quot;,&quot;name&quot;:&quot;visual-studio-code&quot;},{&quot;id&quot;:&quot;1040000000183694&quot;,&quot;name&quot;:&quot;hg&quot;},{&quot;id&quot;:&quot;1040000000089663&quot;,&quot;name&quot;:&quot;textmate&quot;}],&quot;\u7cfb\u7edf\u8bbe\u5907&quot;:[{&quot;id&quot;:&quot;1040000000089442&quot;,&quot;name&quot;:&quot;ios&quot;},{&quot;id&quot;:&quot;1040000000089658&quot;,&quot;name&quot;:&quot;android&quot;},{&quot;id&quot;:&quot;1040000000089407&quot;,&quot;name&quot;:&quot;chrome&quot;},{&quot;id&quot;:&quot;1040000000089709&quot;,&quot;name&quot;:&quot;windows&quot;},{&quot;id&quot;:&quot;1040000000089498&quot;,&quot;name&quot;:&quot;iphone&quot;},{&quot;id&quot;:&quot;1040000000125504&quot;,&quot;name&quot;:&quot;internet-explorer&quot;},{&quot;id&quot;:&quot;1040000000090217&quot;,&quot;name&quot;:&quot;firefox&quot;},{&quot;id&quot;:&quot;1040000000090638&quot;,&quot;name&quot;:&quot;ipad&quot;},{&quot;id&quot;:&quot;1040000000089499&quot;,&quot;name&quot;:&quot;safari&quot;},{&quot;id&quot;:&quot;1040000000090218&quot;,&quot;name&quot;:&quot;opera&quot;},{&quot;id&quot;:&quot;1040000002871462&quot;,&quot;name&quot;:&quot;apple-watch&quot;}],&quot;\u5176\u5b83&quot;:[{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;},{&quot;id&quot;:&quot;1040000002893277&quot;,&quot;name&quot;:&quot;react.js&quot;},{&quot;id&quot;:&quot;1040000000090137&quot;,&quot;name&quot;:&quot;\u641c\u7d22\u5f15\u64ce&quot;},{&quot;id&quot;:&quot;1040000000123810&quot;,&quot;name&quot;:&quot;virtualenv&quot;},{&quot;id&quot;:&quot;1040000000090316&quot;,&quot;name&quot;:&quot;lucene&quot;}]}">
                                        <ul class="nav nav-tabs" role="tablist">
                                            <li role="presentation" class="active">
                                                <a href="#开发语言" aria-controls="type" role="tab" data-toggle="tab">
                                                    开发语言
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#平台框架" aria-controls="type" role="tab" data-toggle="tab">
                                                    平台框架
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#服务器" aria-controls="type" role="tab" data-toggle="tab">
                                                    服务器
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#数据库和缓存" aria-controls="type" role="tab" data-toggle="tab">
                                                    数据库和缓存
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#开发工具" aria-controls="type" role="tab" data-toggle="tab">
                                                    开发工具
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#系统设备" aria-controls="type" role="tab" data-toggle="tab">
                                                    系统设备
                                                </a>
                                            </li>
                                            <li role="presentation" class="">
                                                <a href="#其它" aria-controls="type" role="tab" data-toggle="tab">
                                                    其它
                                                </a>
                                            </li>
                                        </ul>
                                        <div class="tab-content">
                                            <div role="tabpanel" class="tab-pane active" id="开发语言">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089436&quot;,&quot;name&quot;:&quot;javascript&quot;}"
                                                        href="javascript: void(0);">
                                                            javascript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089387&quot;,&quot;name&quot;:&quot;php&quot;}"
                                                        href="javascript: void(0);">
                                                            php
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089434&quot;,&quot;name&quot;:&quot;css&quot;}"
                                                        href="javascript: void(0);">
                                                            css
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089571&quot;,&quot;name&quot;:&quot;html&quot;}"
                                                        href="javascript: void(0);">
                                                            html
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089449&quot;,&quot;name&quot;:&quot;java&quot;}"
                                                        href="javascript: void(0);">
                                                            java
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089534&quot;,&quot;name&quot;:&quot;python&quot;}"
                                                        href="javascript: void(0);">
                                                            python
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;}"
                                                        href="javascript: void(0);">
                                                            html5
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089918&quot;,&quot;name&quot;:&quot;node.js&quot;}"
                                                        href="javascript: void(0);">
                                                            node.js
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089741&quot;,&quot;name&quot;:&quot;c++&quot;}"
                                                        href="javascript: void(0);">
                                                            c++
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089457&quot;,&quot;name&quot;:&quot;c&quot;}"
                                                        href="javascript: void(0);">
                                                            c
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090209&quot;,&quot;name&quot;:&quot;objective-c&quot;}"
                                                        href="javascript: void(0);">
                                                            objective-c
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089669&quot;,&quot;name&quot;:&quot;shell&quot;}"
                                                        href="javascript: void(0);">
                                                            shell
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000531223&quot;,&quot;name&quot;:&quot;swift&quot;}"
                                                        href="javascript: void(0);">
                                                            swift
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090203&quot;,&quot;name&quot;:&quot;golang&quot;}"
                                                        href="javascript: void(0);">
                                                            golang
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089699&quot;,&quot;name&quot;:&quot;ruby&quot;}"
                                                        href="javascript: void(0);">
                                                            ruby
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089581&quot;,&quot;name&quot;:&quot;c#&quot;}"
                                                        href="javascript: void(0);">
                                                            c#
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089686&quot;,&quot;name&quot;:&quot;bash&quot;}"
                                                        href="javascript: void(0);">
                                                            bash
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090433&quot;,&quot;name&quot;:&quot;asp.net&quot;}"
                                                        href="javascript: void(0);">
                                                            asp.net
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000091262&quot;,&quot;name&quot;:&quot;sass&quot;}"
                                                        href="javascript: void(0);">
                                                            sass
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090228&quot;,&quot;name&quot;:&quot;scala&quot;}"
                                                        href="javascript: void(0);">
                                                            scala
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090208&quot;,&quot;name&quot;:&quot;lua&quot;}"
                                                        href="javascript: void(0);">
                                                            lua
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000161068&quot;,&quot;name&quot;:&quot;coffeescript&quot;}"
                                                        href="javascript: void(0);">
                                                            coffeescript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090600&quot;,&quot;name&quot;:&quot;less&quot;}"
                                                        href="javascript: void(0);">
                                                            less
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000365394&quot;,&quot;name&quot;:&quot;typescript&quot;}"
                                                        href="javascript: void(0);">
                                                            typescript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090194&quot;,&quot;name&quot;:&quot;actionscript&quot;}"
                                                        href="javascript: void(0);">
                                                            actionscript
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089698&quot;,&quot;name&quot;:&quot;perl&quot;}"
                                                        href="javascript: void(0);">
                                                            perl
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090201&quot;,&quot;name&quot;:&quot;erlang&quot;}"
                                                        href="javascript: void(0);">
                                                            erlang
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000311191&quot;,&quot;name&quot;:&quot;rust&quot;}"
                                                        href="javascript: void(0);">
                                                            rust
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="平台框架">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000196640&quot;,&quot;name&quot;:&quot;laravel&quot;}"
                                                        href="javascript: void(0);">
                                                            laravel
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000125263&quot;,&quot;name&quot;:&quot;flask&quot;}"
                                                        href="javascript: void(0);">
                                                            flask
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089564&quot;,&quot;name&quot;:&quot;django&quot;}"
                                                        href="javascript: void(0);">
                                                            django
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090103&quot;,&quot;name&quot;:&quot;spring&quot;}"
                                                        href="javascript: void(0);">
                                                            spring
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000166256&quot;,&quot;name&quot;:&quot;express&quot;}"
                                                        href="javascript: void(0);">
                                                            express
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089646&quot;,&quot;name&quot;:&quot;ruby-on-rails&quot;}"
                                                        href="javascript: void(0);">
                                                            ruby-on-rails
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000116331&quot;,&quot;name&quot;:&quot;tornado&quot;}"
                                                        href="javascript: void(0);">
                                                            tornado
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090398&quot;,&quot;name&quot;:&quot;yii&quot;}"
                                                        href="javascript: void(0);">
                                                            yii
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000622042&quot;,&quot;name&quot;:&quot;koa&quot;}"
                                                        href="javascript: void(0);">
                                                            koa
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089638&quot;,&quot;name&quot;:&quot;struts&quot;}"
                                                        href="javascript: void(0);">
                                                            struts
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="服务器">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089392&quot;,&quot;name&quot;:&quot;linux&quot;}"
                                                        href="javascript: void(0);">
                                                            linux
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090145&quot;,&quot;name&quot;:&quot;nginx&quot;}"
                                                        href="javascript: void(0);">
                                                            nginx
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089761&quot;,&quot;name&quot;:&quot;apache&quot;}"
                                                        href="javascript: void(0);">
                                                            apache
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090245&quot;,&quot;name&quot;:&quot;ubuntu&quot;}"
                                                        href="javascript: void(0);">
                                                            ubuntu
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000366352&quot;,&quot;name&quot;:&quot;docker&quot;}"
                                                        href="javascript: void(0);">
                                                            docker
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090249&quot;,&quot;name&quot;:&quot;centos&quot;}"
                                                        href="javascript: void(0);">
                                                            centos
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090401&quot;,&quot;name&quot;:&quot;\u7f13\u5b58&quot;}"
                                                        href="javascript: void(0);">
                                                            缓存
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090117&quot;,&quot;name&quot;:&quot;tomcat&quot;}"
                                                        href="javascript: void(0);">
                                                            tomcat
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090107&quot;,&quot;name&quot;:&quot;\u8d1f\u8f7d\u5747\u8861&quot;}"
                                                        href="javascript: void(0);">
                                                            负载均衡
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090646&quot;,&quot;name&quot;:&quot;unix&quot;}"
                                                        href="javascript: void(0);">
                                                            unix
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089648&quot;,&quot;name&quot;:&quot;hadoop&quot;}"
                                                        href="javascript: void(0);">
                                                            hadoop
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090609&quot;,&quot;name&quot;:&quot;windows-server&quot;}"
                                                        href="javascript: void(0);">
                                                            windows-server
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="数据库和缓存">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089439&quot;,&quot;name&quot;:&quot;mysql&quot;}"
                                                        href="javascript: void(0);">
                                                            mysql
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089431&quot;,&quot;name&quot;:&quot;redis&quot;}"
                                                        href="javascript: void(0);">
                                                            redis
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090049&quot;,&quot;name&quot;:&quot;sql&quot;}"
                                                        href="javascript: void(0);">
                                                            sql
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089488&quot;,&quot;name&quot;:&quot;mongodb&quot;}"
                                                        href="javascript: void(0);">
                                                            mongodb
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089432&quot;,&quot;name&quot;:&quot;nosql&quot;}"
                                                        href="javascript: void(0);">
                                                            nosql
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089873&quot;,&quot;name&quot;:&quot;memcached&quot;}"
                                                        href="javascript: void(0);">
                                                            memcached
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090701&quot;,&quot;name&quot;:&quot;oracle&quot;}"
                                                        href="javascript: void(0);">
                                                            oracle
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090354&quot;,&quot;name&quot;:&quot;sqlite&quot;}"
                                                        href="javascript: void(0);">
                                                            sqlite
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090424&quot;,&quot;name&quot;:&quot;sqlserver&quot;}"
                                                        href="javascript: void(0);">
                                                            sqlserver
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090861&quot;,&quot;name&quot;:&quot;postgresql&quot;}"
                                                        href="javascript: void(0);">
                                                            postgresql
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="开发工具">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089459&quot;,&quot;name&quot;:&quot;git&quot;}"
                                                        href="javascript: void(0);">
                                                            git
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000091226&quot;,&quot;name&quot;:&quot;github&quot;}"
                                                        href="javascript: void(0);">
                                                            github
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089467&quot;,&quot;name&quot;:&quot;vim&quot;}"
                                                        href="javascript: void(0);">
                                                            vim
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089579&quot;,&quot;name&quot;:&quot;xcode&quot;}"
                                                        href="javascript: void(0);">
                                                            xcode
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000126097&quot;,&quot;name&quot;:&quot;sublime-text&quot;}"
                                                        href="javascript: void(0);">
                                                            sublime-text
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089509&quot;,&quot;name&quot;:&quot;eclipse&quot;}"
                                                        href="javascript: void(0);">
                                                            eclipse
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089447&quot;,&quot;name&quot;:&quot;svn&quot;}"
                                                        href="javascript: void(0);">
                                                            svn
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090560&quot;,&quot;name&quot;:&quot;intellij-idea&quot;}"
                                                        href="javascript: void(0);">
                                                            intellij-idea
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090473&quot;,&quot;name&quot;:&quot;ide&quot;}"
                                                        href="javascript: void(0);">
                                                            ide
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090186&quot;,&quot;name&quot;:&quot;maven&quot;}"
                                                        href="javascript: void(0);">
                                                            maven
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090524&quot;,&quot;name&quot;:&quot;atom&quot;}"
                                                        href="javascript: void(0);">
                                                            atom
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090231&quot;,&quot;name&quot;:&quot;visual-studio&quot;}"
                                                        href="javascript: void(0);">
                                                            visual-studio
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090216&quot;,&quot;name&quot;:&quot;emacs&quot;}"
                                                        href="javascript: void(0);">
                                                            emacs
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002720957&quot;,&quot;name&quot;:&quot;visual-studio-code&quot;}"
                                                        href="javascript: void(0);">
                                                            visual-studio-code
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000183694&quot;,&quot;name&quot;:&quot;hg&quot;}"
                                                        href="javascript: void(0);">
                                                            hg
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089663&quot;,&quot;name&quot;:&quot;textmate&quot;}"
                                                        href="javascript: void(0);">
                                                            textmate
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="系统设备">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089442&quot;,&quot;name&quot;:&quot;ios&quot;}"
                                                        href="javascript: void(0);">
                                                            ios
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089658&quot;,&quot;name&quot;:&quot;android&quot;}"
                                                        href="javascript: void(0);">
                                                            android
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089407&quot;,&quot;name&quot;:&quot;chrome&quot;}"
                                                        href="javascript: void(0);">
                                                            chrome
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089709&quot;,&quot;name&quot;:&quot;windows&quot;}"
                                                        href="javascript: void(0);">
                                                            windows
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089498&quot;,&quot;name&quot;:&quot;iphone&quot;}"
                                                        href="javascript: void(0);">
                                                            iphone
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000125504&quot;,&quot;name&quot;:&quot;internet-explorer&quot;}"
                                                        href="javascript: void(0);">
                                                            internet-explorer
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090217&quot;,&quot;name&quot;:&quot;firefox&quot;}"
                                                        href="javascript: void(0);">
                                                            firefox
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090638&quot;,&quot;name&quot;:&quot;ipad&quot;}"
                                                        href="javascript: void(0);">
                                                            ipad
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089499&quot;,&quot;name&quot;:&quot;safari&quot;}"
                                                        href="javascript: void(0);">
                                                            safari
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090218&quot;,&quot;name&quot;:&quot;opera&quot;}"
                                                        href="javascript: void(0);">
                                                            opera
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002871462&quot;,&quot;name&quot;:&quot;apple-watch&quot;}"
                                                        href="javascript: void(0);">
                                                            apple-watch
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div role="tabpanel" class="tab-pane " id="其它">
                                                <ul class="taglist--inline">
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;}"
                                                        href="javascript: void(0);">
                                                            html5
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002893277&quot;,&quot;name&quot;:&quot;react.js&quot;}"
                                                        href="javascript: void(0);">
                                                            react.js
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090137&quot;,&quot;name&quot;:&quot;\u641c\u7d22\u5f15\u64ce&quot;}"
                                                        href="javascript: void(0);">
                                                            搜索引擎
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000123810&quot;,&quot;name&quot;:&quot;virtualenv&quot;}"
                                                        href="javascript: void(0);">
                                                            virtualenv
                                                        </a>
                                                    </li>
                                                    <li class="mb5">
                                                        <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090316&quot;,&quot;name&quot;:&quot;lucene&quot;}"
                                                        href="javascript: void(0);">
                                                            lucene
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="required control-label">
                                        项目/著作简介
                                    </label>
                                    <textarea placeholder="这是一个什么东西，你如何参与，贡献了什么内容，有多少人在使用？" class="form-control"
                                    name="description">
                                    </textarea>
                                </div>
                                <div class="text-right">
                                    <button type="button" class="btn btn-default mr10 profile__init-skip">
                                        跳过
                                    </button>
                                    <button type="button" class="btn btn-primary">
                                        保存
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="panel panel-default hidden-xs">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                社区属性
                            </h3>
                        </div>
                        <div class="panel-body">
                            <div style="height: 150px;" class="mb20 hide">
                                <div class="pull-left ml20" style="width: 150px;height: 150px;">
                                    <iframe class="chartjs-hidden-iframe" style="width: 100%; display: block; border: 0px; height: 0px; margin: 0px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;">
                                    </iframe>
                                    <canvas data-total-rank="0" data-list-of-tag="null" class="profile__tags-chart "
                                    width="0" height="0" style="width: 0px; height: 0px;">
                                    </canvas>
                                </div>
                                <div id="js-legend" class="profile__chart-pip-legend">
                                    <ul class=" row chart-0-legend">
                                    </ul>
                                </div>
                            </div>
                            <div class="mb20">
                                <div class="pull-left" style="
                                background: #F5F5F5;width: 150px;height: 150px;border-radius: 50%;border: 1px solid #DDDDDD;margin-left: 30px;">
                                    <div style="background-color: #fff;width: 78px;height: 78px;border-radius: 50%;margin: 35px;">
                                    </div>
                                </div>
                                <div style="margin-left:200px;color: #666;font-size: 12px;">
                                    没有足够的数据
                                </div>
                                <div style="clear: both;">
                                </div>
                            </div>
                            <div class="hidden-xs hide">
                                <div style="width: 100%;height: 100px;">
                                    <iframe class="chartjs-hidden-iframe" style="width: 100%; display: block; border: 0px; height: 0px; margin: 0px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;">
                                    </iframe>
                                    <canvas data-list-of-rank="{&quot;2016-06-29&quot;:0,&quot;2016-06-30&quot;:0,&quot;2016-07-01&quot;:0,&quot;2016-07-02&quot;:0,&quot;2016-07-03&quot;:0,&quot;2016-07-04&quot;:0,&quot;2016-07-05&quot;:0,&quot;2016-07-06&quot;:0,&quot;2016-07-07&quot;:0,&quot;2016-07-08&quot;:0,&quot;2016-07-09&quot;:0,&quot;2016-07-10&quot;:0,&quot;2016-07-11&quot;:0,&quot;2016-07-12&quot;:0,&quot;2016-07-13&quot;:0,&quot;2016-07-14&quot;:0,&quot;2016-07-15&quot;:0,&quot;2016-07-16&quot;:0,&quot;2016-07-17&quot;:0,&quot;2016-07-18&quot;:0,&quot;2016-07-19&quot;:0,&quot;2016-07-20&quot;:0,&quot;2016-07-21&quot;:0,&quot;2016-07-22&quot;:0,&quot;2016-07-23&quot;:0,&quot;2016-07-24&quot;:0,&quot;2016-07-25&quot;:0,&quot;2016-07-26&quot;:0,&quot;2016-07-27&quot;:0,&quot;2016-07-28&quot;:0,&quot;2016-07-29&quot;:0,&quot;2016-07-30&quot;:0,&quot;2016-07-31&quot;:0,&quot;2016-08-01&quot;:0,&quot;2016-08-02&quot;:0,&quot;2016-08-03&quot;:0,&quot;2016-08-04&quot;:0,&quot;2016-08-05&quot;:0,&quot;2016-08-06&quot;:0,&quot;2016-08-07&quot;:0,&quot;2016-08-08&quot;:0,&quot;2016-08-09&quot;:0,&quot;2016-08-10&quot;:0,&quot;2016-08-11&quot;:0,&quot;2016-08-12&quot;:0,&quot;2016-08-13&quot;:0,&quot;2016-08-14&quot;:0,&quot;2016-08-15&quot;:0,&quot;2016-08-16&quot;:0,&quot;2016-08-17&quot;:0,&quot;2016-08-18&quot;:0,&quot;2016-08-19&quot;:0,&quot;2016-08-20&quot;:0,&quot;2016-08-21&quot;:0,&quot;2016-08-22&quot;:0,&quot;2016-08-23&quot;:0,&quot;2016-08-24&quot;:0,&quot;2016-08-25&quot;:0,&quot;2016-08-26&quot;:0,&quot;2016-08-27&quot;:0}"
                                    class="profile__rank-chart" width="0" height="0" style="width: 0px; height: 0px;">
                                    </canvas>
                                </div>
                                <div id="js-legend" class="profile__chart-pip-legend">
                                </div>
                            </div>
                            <div class="">
                                <ul style="list-style:none;padding: 0;margin: 0;">
                                    <li style="background-color: #f5f5f5;height: 15px;">
                                    </li>
                                    <li style="background-color: #fff;height: 15px;">
                                    </li>
                                    <li style="background-color: #f5f5f5;height: 15px;">
                                    </li>
                                    <li style="background-color: #fff;height: 15px;">
                                    </li>
                                    <li style="background-color: #f5f5f5;height: 15px;">
                                    </li>
                                </ul>
                                <p class="text-center" style="color: #666;font-size: 12px;">
                                    没有足够的数据
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default mt30">
                        <div class="panel-heading">
                            <h3 class="panel-title inline">
                                高分内容
                            </h3>
                            <div class="btn-group pull-right" role="group" aria-label="...">
                                <a class="btn btn-xs btn-default active" href="#navContent" aria-controls="navContent"
                                role="tab" data-toggle="tab">
                                    概览
                                </a>
                                <a class="btn btn-xs btn-default" href="#navQuestion" aria-controls="navQuestion"
                                role="tab" data-toggle="tab">
                                    提问
                                </a>
                                <a class="btn btn-xs btn-default" href="#navAnswer" aria-controls="navAnswer"
                                role="tab" data-toggle="tab">
                                    回答
                                </a>
                                <a class="btn btn-xs btn-default" href="#navArticle" aria-controls="navArticle"
                                role="tab" data-toggle="tab">
                                    文章
                                </a>
                            </div>
                        </div>
                        <div class="panel-body">
                            <div class="profile__content">
                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="navContent">
                                        <div class="init">
                                            <p class="text-center">
                                                (ﾟ∀ﾟ　)
                                                <br>
                                                暂时没有任何数据
                                            </p>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane " id="navQuestion">
                                        <div class="init">
                                            <p class="text-center">
                                                (ﾟ∀ﾟ　)
                                                <br>
                                                暂时没有任何数据
                                            </p>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane " id="navAnswer">
                                        <div class="init">
                                            <p class="text-center">
                                                (ﾟ∀ﾟ　)
                                                <br>
                                                暂时没有任何数据
                                            </p>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane " id="navArticle">
                                        <div class="init">
                                            <p class="text-center">
                                                (ﾟ∀ﾟ　)
                                                <br>
                                                暂时没有任何数据
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <p class="text-right profile__content--footer">
                                    查看全部
                                    <a href="/u/xuebingsiabin/questions?sort=vote">
                                        提问
                                    </a>
                                    、
                                    <a href="/u/xuebingsiabin/answers?sort=vote">
                                        回答
                                    </a>
                                    、
                                    <a href="/u/xuebingsiabin/articles?sort=vote">
                                        文章
                                    </a>
                                    →
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="profile__skill ">
                        <h4>
                            开源项目 &amp; 著作
                            <div class="pull-right">
                                <span data-type="url" data-url="/u/xuebingsiabin/about#profile__project"
                                class="profile__heading-edit btn btn-xs ">
                                    <i class="fa fa-pencil" aria-hidden="true">
                                    </i>
                                    编辑
                                </span>
                            </div>
                        </h4>
                        <div class="profile__project">
                            <div class="init">
                                <p class="text-center">
                                    (ﾟ∀ﾟ　)
                                    <br>
                                    暂时没有，
                                    <a href="/u/xuebingsiabin/about#profile__project">
                                        立即添加
                                    </a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="profile__skill  ">
                        <script type="text/template" class="tpl__tech--form">
                            < form class = "form form--profile form__tech"data - action = "/api/user/homepage/tag/edit" > <div class = "form-group" > <input class = "tagsInput form-control"data - init = "<%- JSON.stringify(tag) %>"name = "tags"placeholder = "多个用逗号分隔（最多 10 个）" / ><div role = "tabpanel"class = "techTags panel panel-default techTags-panel"data - tech = '{"\u5f00\u53d1\u8bed\u8a00":[{"id":"1040000000089436","name":"javascript"},{"id":"1040000000089387","name":"php"},{"id":"1040000000089434","name":"css"},{"id":"1040000000089571","name":"html"},{"id":"1040000000089449","name":"java"},{"id":"1040000000089534","name":"python"},{"id":"1040000000089409","name":"html5"},{"id":"1040000000089918","name":"node.js"},{"id":"1040000000089741","name":"c++"},{"id":"1040000000089457","name":"c"},{"id":"1040000000090209","name":"objective-c"},{"id":"1040000000089669","name":"shell"},{"id":"1040000000531223","name":"swift"},{"id":"1040000000090203","name":"golang"},{"id":"1040000000089699","name":"ruby"},{"id":"1040000000089581","name":"c#"},{"id":"1040000000089686","name":"bash"},{"id":"1040000000090433","name":"asp.net"},{"id":"1040000000091262","name":"sass"},{"id":"1040000000090228","name":"scala"},{"id":"1040000000090208","name":"lua"},{"id":"1040000000161068","name":"coffeescript"},{"id":"1040000000090600","name":"less"},{"id":"1040000000365394","name":"typescript"},{"id":"1040000000090194","name":"actionscript"},{"id":"1040000000089698","name":"perl"},{"id":"1040000000090201","name":"erlang"},{"id":"1040000000311191","name":"rust"}],"\u5e73\u53f0\u6846\u67b6":[{"id":"1040000000196640","name":"laravel"},{"id":"1040000000125263","name":"flask"},{"id":"1040000000089564","name":"django"},{"id":"1040000000090103","name":"spring"},{"id":"1040000000166256","name":"express"},{"id":"1040000000089646","name":"ruby-on-rails"},{"id":"1040000000116331","name":"tornado"},{"id":"1040000000090398","name":"yii"},{"id":"1040000000622042","name":"koa"},{"id":"1040000000089638","name":"struts"}],"\u670d\u52a1\u5668":[{"id":"1040000000089392","name":"linux"},{"id":"1040000000090145","name":"nginx"},{"id":"1040000000089761","name":"apache"},{"id":"1040000000090245","name":"ubuntu"},{"id":"1040000000366352","name":"docker"},{"id":"1040000000090249","name":"centos"},{"id":"1040000000090401","name":"\u7f13\u5b58"},{"id":"1040000000090117","name":"tomcat"},{"id":"1040000000090107","name":"\u8d1f\u8f7d\u5747\u8861"},{"id":"1040000000090646","name":"unix"},{"id":"1040000000089648","name":"hadoop"},{"id":"1040000000090609","name":"windows-server"}],"\u6570\u636e\u5e93\u548c\u7f13\u5b58":[{"id":"1040000000089439","name":"mysql"},{"id":"1040000000089431","name":"redis"},{"id":"1040000000090049","name":"sql"},{"id":"1040000000089488","name":"mongodb"},{"id":"1040000000089432","name":"nosql"},{"id":"1040000000089873","name":"memcached"},{"id":"1040000000090701","name":"oracle"},{"id":"1040000000090354","name":"sqlite"},{"id":"1040000000090424","name":"sqlserver"},{"id":"1040000000090861","name":"postgresql"}],"\u5f00\u53d1\u5de5\u5177":[{"id":"1040000000089459","name":"git"},{"id":"1040000000091226","name":"github"},{"id":"1040000000089467","name":"vim"},{"id":"1040000000089579","name":"xcode"},{"id":"1040000000126097","name":"sublime-text"},{"id":"1040000000089509","name":"eclipse"},{"id":"1040000000089447","name":"svn"},{"id":"1040000000090560","name":"intellij-idea"},{"id":"1040000000090473","name":"ide"},{"id":"1040000000090186","name":"maven"},{"id":"1040000000090524","name":"atom"},{"id":"1040000000090231","name":"visual-studio"},{"id":"1040000000090216","name":"emacs"},{"id":"1040000002720957","name":"visual-studio-code"},{"id":"1040000000183694","name":"hg"},{"id":"1040000000089663","name":"textmate"}],"\u7cfb\u7edf\u8bbe\u5907":[{"id":"1040000000089442","name":"ios"},{"id":"1040000000089658","name":"android"},{"id":"1040000000089407","name":"chrome"},{"id":"1040000000089709","name":"windows"},{"id":"1040000000089498","name":"iphone"},{"id":"1040000000125504","name":"internet-explorer"},{"id":"1040000000090217","name":"firefox"},{"id":"1040000000090638","name":"ipad"},{"id":"1040000000089499","name":"safari"},{"id":"1040000000090218","name":"opera"},{"id":"1040000002871462","name":"apple-watch"}],"\u5176\u5b83":[{"id":"1040000000089409","name":"html5"},{"id":"1040000002893277","name":"react.js"},{"id":"1040000000090137","name":"\u641c\u7d22\u5f15\u64ce"},{"id":"1040000000123810","name":"virtualenv"},{"id":"1040000000090316","name":"lucene"}]}' > <ul class = "nav nav-tabs"role = "tablist" > <li role = "presentation"class = "active" > <a href = "#开发语言"aria - controls = "type"role = "tab"data - toggle = "tab" > 开发语言 < /a></li > <li role = "presentation"class = "" > <a href = "#平台框架"aria - controls = "type"role = "tab"data - toggle = "tab" > 平台框架 < /a></li > <li role = "presentation"class = "" > <a href = "#服务器"aria - controls = "type"role = "tab"data - toggle = "tab" > 服务器 < /a></li > <li role = "presentation"class = "" > <a href = "#数据库和缓存"aria - controls = "type"role = "tab"data - toggle = "tab" > 数据库和缓存 < /a></li > <li role = "presentation"class = "" > <a href = "#开发工具"aria - controls = "type"role = "tab"data - toggle = "tab" > 开发工具 < /a></li > <li role = "presentation"class = "" > <a href = "#系统设备"aria - controls = "type"role = "tab"data - toggle = "tab" > 系统设备 < /a></li > <li role = "presentation"class = "" > <a href = "#其它"aria - controls = "type"role = "tab"data - toggle = "tab" > 其它 < /a></li > </ul><div class="tab-content"><div role="tabpanel" class="tab-pane active"
                 id="开发语言"><ul class="taglist--inline"><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089436","name":"javascript"}' href="javascript: void(0);">javascript</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089387","name":"php"}' href="javascript: void(0);">php</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089434","name":"css"}' href="javascript: void(0);">css</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089571","name":"html"}' href="javascript: void(0);">html</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089449","name":"java"}' href="javascript: void(0);">java</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089534","name":"python"}' href="javascript: void(0);">python</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089409","name":"html5"}' href="javascript: void(0);">html5</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089918","name":"node.js"}' href="javascript: void(0);">node.js</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089741","name":"c++"}' href="javascript: void(0);">c++</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089457","name":"c"}' href="javascript: void(0);">c</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090209","name":"objective-c"}' href="javascript: void(0);">objective-c</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089669","name":"shell"}' href="javascript: void(0);">shell</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000531223","name":"swift"}' href="javascript: void(0);">swift</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090203","name":"golang"}' href="javascript: void(0);">golang</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089699","name":"ruby"}' href="javascript: void(0);">ruby</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089581","name":"c#"}' href="javascript: void(0);">c#</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089686","name":"bash"}' href="javascript: void(0);">bash</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090433","name":"asp.net"}' href="javascript: void(0);">asp.net</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000091262","name":"sass"}' href="javascript: void(0);">sass</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090228","name":"scala"}' href="javascript: void(0);">scala</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090208","name":"lua"}' href="javascript: void(0);">lua</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000161068","name":"coffeescript"}' href="javascript: void(0);">coffeescript</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090600","name":"less"}' href="javascript: void(0);">less</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000365394","name":"typescript"}' href="javascript: void(0);">typescript</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090194","name":"actionscript"}' href="javascript: void(0);">actionscript</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089698","name":"perl"}' href="javascript: void(0);">perl</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090201","name":"erlang"}' href="javascript: void(0);">erlang</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000311191","name":"rust"}' href="javascript: void(0);">rust</a > </li></ul > </div><div role="tabpanel" class="tab-pane "
                 id="平台框架"><ul class="taglist--inline"><li class="mb5"><a class="tag" data-tag='{"id":"1040000000196640","name":"laravel"}' href="javascript: void(0);">laravel</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000125263","name":"flask"}' href="javascript: void(0);">flask</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089564","name":"django"}' href="javascript: void(0);">django</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090103","name":"spring"}' href="javascript: void(0);">spring</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000166256","name":"express"}' href="javascript: void(0);">express</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089646","name":"ruby-on-rails"}' href="javascript: void(0);">ruby-on-rails</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000116331","name":"tornado"}' href="javascript: void(0);">tornado</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090398","name":"yii"}' href="javascript: void(0);">yii</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000622042","name":"koa"}' href="javascript: void(0);">koa</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089638","name":"struts"}' href="javascript: void(0);">struts</a > </li></ul > </div><div role="tabpanel" class="tab-pane "
                 id="服务器"><ul class="taglist--inline"><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089392","name":"linux"}' href="javascript: void(0);">linux</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090145","name":"nginx"}' href="javascript: void(0);">nginx</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089761","name":"apache"}' href="javascript: void(0);">apache</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090245","name":"ubuntu"}' href="javascript: void(0);">ubuntu</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000366352","name":"docker"}' href="javascript: void(0);">docker</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090249","name":"centos"}' href="javascript: void(0);">centos</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090401","name":"\u7f13\u5b58"}' href="javascript: void(0);">缓存</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090117","name":"tomcat"}' href="javascript: void(0);">tomcat</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090107","name":"\u8d1f\u8f7d\u5747\u8861"}' href="javascript: void(0);">负载均衡</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090646","name":"unix"}' href="javascript: void(0);">unix</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089648","name":"hadoop"}' href="javascript: void(0);">hadoop</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090609","name":"windows-server"}' href="javascript: void(0);">windows-server</a > </li></ul > </div><div role="tabpanel" class="tab-pane "
                 id="数据库和缓存"><ul class="taglist--inline"><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089439","name":"mysql"}' href="javascript: void(0);">mysql</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089431","name":"redis"}' href="javascript: void(0);">redis</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090049","name":"sql"}' href="javascript: void(0);">sql</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089488","name":"mongodb"}' href="javascript: void(0);">mongodb</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089432","name":"nosql"}' href="javascript: void(0);">nosql</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089873","name":"memcached"}' href="javascript: void(0);">memcached</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090701","name":"oracle"}' href="javascript: void(0);">oracle</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090354","name":"sqlite"}' href="javascript: void(0);">sqlite</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090424","name":"sqlserver"}' href="javascript: void(0);">sqlserver</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090861","name":"postgresql"}' href="javascript: void(0);">postgresql</a > </li></ul > </div><div role="tabpanel" class="tab-pane "
                 id="开发工具"><ul class="taglist--inline"><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089459","name":"git"}' href="javascript: void(0);">git</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000091226","name":"github"}' href="javascript: void(0);">github</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089467","name":"vim"}' href="javascript: void(0);">vim</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089579","name":"xcode"}' href="javascript: void(0);">xcode</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000126097","name":"sublime-text"}' href="javascript: void(0);">sublime-text</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089509","name":"eclipse"}' href="javascript: void(0);">eclipse</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089447","name":"svn"}' href="javascript: void(0);">svn</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090560","name":"intellij-idea"}' href="javascript: void(0);">intellij-idea</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090473","name":"ide"}' href="javascript: void(0);">ide</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090186","name":"maven"}' href="javascript: void(0);">maven</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090524","name":"atom"}' href="javascript: void(0);">atom</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090231","name":"visual-studio"}' href="javascript: void(0);">visual-studio</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090216","name":"emacs"}' href="javascript: void(0);">emacs</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000002720957","name":"visual-studio-code"}' href="javascript: void(0);">visual-studio-code</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000183694","name":"hg"}' href="javascript: void(0);">hg</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089663","name":"textmate"}' href="javascript: void(0);">textmate</a > </li></ul > </div><div role="tabpanel" class="tab-pane "
                 id="系统设备"><ul class="taglist--inline"><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089442","name":"ios"}' href="javascript: void(0);">ios</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089658","name":"android"}' href="javascript: void(0);">android</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089407","name":"chrome"}' href="javascript: void(0);">chrome</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089709","name":"windows"}' href="javascript: void(0);">windows</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089498","name":"iphone"}' href="javascript: void(0);">iphone</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000125504","name":"internet-explorer"}' href="javascript: void(0);">internet-explorer</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090217","name":"firefox"}' href="javascript: void(0);">firefox</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090638","name":"ipad"}' href="javascript: void(0);">ipad</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089499","name":"safari"}' href="javascript: void(0);">safari</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090218","name":"opera"}' href="javascript: void(0);">opera</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000002871462","name":"apple-watch"}' href="javascript: void(0);">apple-watch</a > </li></ul > </div><div role="tabpanel" class="tab-pane "
                 id="其它"><ul class="taglist--inline"><li class="mb5"><a class="tag" data-tag='{"id":"1040000000089409","name":"html5"}' href="javascript: void(0);">html5</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000002893277","name":"react.js"}' href="javascript: void(0);">react.js</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090137","name":"\u641c\u7d22\u5f15\u64ce"}' href="javascript: void(0);">搜索引擎</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000123810","name":"virtualenv"}' href="javascript: void(0);">virtualenv</a > </li><li class="mb5"><a class="tag" data-tag='{"id":"1040000000090316","name":"lucene"}' href="javascript: void(0);">lucene</a > </li></ul > </div></div > </div></div > <div class = "text-right" > <button type = "button"class = "btn btn-default js-cancel mr10" > 取消 < /button><button type="button" class="btn btn-primary js-submit">保存</button > </div></form > 
                        </script>
                        <script type="text/template" class="tpl__tech--content">
                            < %
                            if (tag.length > 0) { % ><ul class = "taglist--inline multi mb0 mt5 fs13" > <%_.each(tag,
                                function(t) { % ><li class = "tagPopup" > <a class = "tag"href = "<%= t.url %>"data - toggle = "popover"data - id = "<%= t.id %>"data - original - title = "<%= t.name %>" > <%=t.name % ></a></li > <%
                                }) % ></ul><%} else{ %><div class="init"><p class="text-center">
                        (ﾟ∀ﾟ　)<br>
                        暂时没有，<a data-type="tech" class="profile__heading-edit--tech"
                                href="javascript:;">立即添加</a > </p></div > <%
                            } % >
                        </script>
                        <h4 class="profile__heading--tech-heading">
                            擅长技能
                            <div class="pull-right">
                                <span data-type="tech" class="profile__heading-edit  btn btn-xs">
                                    <i class="fa fa-pencil" aria-hidden="true">
                                    </i>
                                    编辑
                                </span>
                            </div>
                        </h4>
                        <div class="profile__tech">
                            <div class="init">
                                <p class="text-center">
                                    (ﾟ∀ﾟ　)
                                    <br>
                                    暂时没有，
                                    <a data-type="tech" class="profile__heading-edit--tech" href="javascript:;">
                                        立即添加
                                    </a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="profile__skill">
                        <div class="profile__skill--other">
                            <p>
                                注册于 6月16日
                                <br>
                                个人主页被 5 人浏览
                            </p>
                            <p>
                            </p>
                            <div class="profile__share">
                                <div class="widget-share__full" data-text="" data-url="https://segmentfault.com/u/xuebingsiabin"
                                data-shorturl="http://sfau.lt/bPyehT">
                                    <div style="margin-bottom:10px;">
                                        分享扩散：
                                    </div>
                                    <div class="widget-share-network sharer-0" style="display: block;">
                                        <ul class="sn-inline">
                                            <li data-network="weibo">
                                                <a href="javascript:void(0);" class="entypo-weibo icon-sn-weibo share-1"
                                                data-toggle="tooltip" data-placement="top" title="" data-original-title="分享至新浪微博">
                                                    新浪微博
                                                </a>
                                            </li>
                                            <li data-network="wechart">
                                                <a href="javascript:void(0);" class="entypo-wechart icon-sn-weixin share-2"
                                                data-toggle="tooltip" data-placement="top" title="" data-original-title="分享至微信">
                                                    微信
                                                </a>
                                            </li>
                                            <li data-network="twitter">
                                                <a href="javascript:void(0);" class="entypo-twitter icon-sn-twitter share-3"
                                                data-toggle="tooltip" data-placement="top" title="" data-original-title="分享至 Twitter">
                                                    Twitter
                                                </a>
                                            </li>
                                            <li data-network="facebook">
                                                <a href="javascript:void(0);" class="entypo-facebook icon-sn-facebook share-4"
                                                data-toggle="tooltip" data-placement="top" title="" data-original-title="分享至 Facebook">
                                                    Facebook
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <a type="button" class="btn btn-sm shareMore btn-sn-more" data-toggle="popover"
                                    data-placement="top" data-url="https://segmentfault.com/u/xuebingsiabin"
                                    data-shorturl="http://sfau.lt/bPyehT">
                                        <span class="icon-sn-dotted" data-original-title="" title="">
                                        </span>
                                        <strong class="visible-xs-inline">
                                            •••
                                        </strong>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <script>
                    profileHeading.tag = null;
                </script>
            </div>
        </div>
    </div>
</div>